`

javascript 参数传递 文本框

阅读更多
javascript 参数传递 文本框
一,最简单的就是同一个网页里的表单的数据传递。

     举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下:

Html代码
<html>  
<head>  
<title>Untitled Document</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  
<body>  
  
<form name="form1" method="post" action="">  
  <input type="text" name="textfield">  
  <input type="button" name="Submit" value="1--------->2" onClick="ok()">  
</form>  
  
<form name="form2" method="post" action="">  
  <input type="text" name="textfield2">  
  <input type="button" name="Submit" value="2----->1" onClick="ok1()">  
</form>  
  
</body>  
</html>  

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>

<form name="form1" method="post" action="">
  <input type="text" name="textfield">
  <input type="button" name="Submit" value="1--------->2" onClick="ok()">
</form>

<form name="form2" method="post" action="">
  <input type="text" name="textfield2">
  <input type="button" name="Submit" value="2----->1" onClick="ok1()">
</form>

</body>
</html>

 以上为HTMl的代码,大家可能注意到了onclik的代码了,有两个函数,接下来就是JAVASCRIPT的代码了:

Js代码 
<script language="JavaScript">   
function ok()   
{   
  document.form2.textfield2.value=document.form1.textfield.value;   
}   
function ok1()   
{   
document.form1.textfield.value=document.form2.textfield2.value;   
}   
</script>  

<script language="JavaScript">
function ok()
{
  document.form2.textfield2.value=document.form1.textfield.value;
}
function ok1()
{
document.form1.textfield.value=document.form2.textfield2.value;
}
</script>
   
   二,第二种是两个窗口之间的表单的文本框之间数据传递。其实这个可以在原来的基础上进行一些扩展就可以了。关于如何创建弹出窗口,窗体里的表单的代码, 在这里就不多说了,现在在这里说一下如何操作父窗口的表单里的文本框的数据。具体代码如下:

Js代码
<script language="JavaScript">   
function ok()   
{   
  opener.document.form2.textfield2.value=document.form1.textfield.value   
}   
</script>  

<script language="JavaScript">
function ok()
{
  opener.document.form2.textfield2.value=document.form1.textfield.value
}
</script>


    三,第三种就是框架网页之间的表单的文本框之间数据传递.
        注意的地方是框架的写法:

Html代码
<frameset cols="505,505">  
  <frame src="test.htm" name="leftr" id="leftr">//定义框架的名称   
  <frame src="test2.htm" id="right" name="right">  
</frameset>  
<noframes><body>  
  
</body></noframes> 

具体的实现代码如下:  
<script language="JavaScript">  
function ok()   
{   
  parent.leftr.document.form2.textfield2.value=document.form1.textfield.value   
}   
</script>  

<frameset cols="505,505">
  <frame src="test.htm" name="leftr" id="leftr">//定义框架的名称
  <frame src="test2.htm" id="right" name="right">
</frameset>
<noframes><body>

</body></noframes>
具体的实现代码如下:
<script language="JavaScript">
function ok()
{
  parent.leftr.document.form2.textfield2.value=document.form1.textfield.value
}
</script>

     这三种窗口之间的文本框数值互相操作的简单方法就实现了,其它需要注意的就是他们之间的关系。

分享到:
评论

相关推荐

    javascript计算文本框输入内容的长度

    这两行代码表示每当用户在文本框中按下键盘键时或松开键盘键时都会触发`showLen`函数,并将当前文本框对象作为参数传递给该函数。 ```html (this)" onkeyup="showLen(this)" /&gt; ``` ### 二、应用场景 此类功能在...

    JavaScript实现统计文本框Textarea字数增强用户体验

    `onkeydown`和`onkeyup`事件调用了名为`countChar`的JavaScript函数,分别传递了`textarea`和`span`的`id`作为参数。 接下来,我们需要编写`countChar`函数,它会计算当前文本框中已有多少字符,并更新`span`元素的...

    关于使用javascript实现点击一个页面文本框,然后跳转到另一个页面进行点击值回传例子

    这个过程通常用到的技术包括URL参数传递、JavaScript的DOM操作和页面重定向。 首先,让我们来看看JavaScript在DOM(文档对象模型)中的作用。DOM是HTML和XML文档的结构表示,JavaScript可以用来操纵DOM元素,比如...

    JavaScript实现将文本框的值插入指定位置的方法

    这涉及到表单元素之间的数据传递,也可以通过JavaScript来轻松实现。 最后,需要注意的是,上述代码片段在编写时要符合标准的HTML编码规范,并确保网页编码设置为`gb2312`或者更现代的`utf-8`以支持中文字符的正确...

    frame之间以及子页面和父页面间参数传递

    在JSP中实现`frame`之间或子页面与父页面之间的参数传递主要通过JavaScript来完成。下面将详细介绍几种常见的实现方式: 1. **直接访问DOM元素**: - **从父页面访问子页面**: 在父页面中可以通过`document....

    js达到文本框的最大长度时跳到下一个文本框

    在这个示例中,我们为每个输入框设置了不同的`id`,并通过`onkeyup`事件调用`checkLen`函数,传递当前对象(`obj`)和下一个输入框的`id`作为参数。当当前输入框达到最大长度时,函数会将焦点切换到下一个输入框。 ##...

    js日历控件(文本框单击,弹出日历)

    这可能涉及到封装成一个函数或者类,通过参数传递文本框引用。 7. **示例和DEMO**:提供一个完整的示例和DEMO可以让开发者快速理解和应用,通常包括HTML、CSS和JavaScript代码,以及如何在实际项目中引入和调用这些...

    转:Birt接收JSP传递的参数值

    首先,理解参数传递的基础原理是关键。在JSP中,可以通过HTTP请求来传递参数,比如使用`request.getParameter()`方法获取URL、表单或者查询字符串中的参数。而在BIRT中,报表参数可以被定义为报表设计的一部分,这些...

    点击文本框弹出日历控件(可以选择日期)

    这些选项通常可以在调用`showCalendar()`函数时作为参数传递,或者通过修改日历控件的配置对象来实现。 总的来说,实现“点击文本框弹出日历控件”的过程包括创建HTML文本框、添加事件监听器、调用日历控件的显示...

    jquery 插件 文本框输入限制 汉字,字母

    `options`是一个可选的配置对象,用来传递参数到插件。 针对"文本框输入限制汉字和字母"的需求,我们可以创建一个名为`inputLimit`的插件。这个插件会监听文本框的`keyup`事件,检查用户输入的字符是否符合规定。...

    .net,js捕捉文本框回车键事件的小例子(兼容多浏览器).docx

    在Internet Explorer(IE)中,键盘事件是通过`window.event`对象来访问的,而Netscape、Firefox、Chrome等现代浏览器则使用`event`参数来传递事件对象。因此,为了兼容多种浏览器,我们需要根据事件对象是否存在来...

    鼠标经过字体变颜色并且给文本框赋值

    当调用这个函数时,可以传递一个具体的值作为参数,例如`chgval(2);`。 ### DOM操作 #### 获取DOM元素 在JavaScript中,可以通过多种方式获取DOM元素: - `document.getElementById('id')`: 获取指定ID的元素。 - ...

    自动完成输入文本框(附有控件源代码)

    3. **服务器响应**:服务器接收到请求后,根据传递的参数查询数据库或其他数据源,找出匹配的建议。可以使用SQL查询、全文搜索引擎或者其他算法实现。 4. **数据解析**:服务器返回的数据通常为JSON格式,...

    Ajax文本框输入提示附加数据库即可

    在上述代码中,`searchAjax`函数获取文本框的当前值,如果长度大于0,就发送一个POST请求到服务器,传递关键字参数。服务器返回的数据格式应为JSON,这样前端可以方便地解析并显示提示内容。成功回调函数中,根据...

    JavaScript完全自学宝典 源代码

    2.14.js 将函数作为参数传递。 2.15.html arguments参数的使用。 2.16.html apply方法与call方法的使用。 第3章(\c03) 示例描述:学习JavaScript的高级语法。 3.1.html 连接字符串。 3.2....

    javascript实现浏览器窗口传递参数的方法

    在JavaScript中,实现浏览器窗口之间的参数传递主要涉及两种方法:`window.open()` 和 `window.showModalDialog()`。这里我们将详细探讨这两种方法,并结合给出的代码示例进行解析。 首先,我们来看`window.open()`...

    ActionScript与JavaScript相互调用

    具体做法是在Flash中编写一个函数,该函数作为参数传递给`getURL()`,并指向一个包含JavaScript函数的URL。 - **在JavaScript中调用Flash**:使用HTML文档对象模型(DOM)中的特定语法。对于Internet Explorer浏览器...

    如何对finereport报表的参数控件赋值

    在FineReport中,参数控件类型非常丰富,包括但不限于下拉框、单选按钮组、多选框、文本框等。不同类型的控件在实现动态赋值时可能会用到不同的方法,但是基本原理相同。 2. JavaScript事件 FineReport支持使用...

    jQuery.autoTextarea文本框自适应输入高度代码.rar

    这些配置可以通过传递一个对象参数给`autoTextarea`方法来实现: ```javascript $("#yourTextareaId").autoTextarea({ minHeight: 50, // 最小高度 maxHeight: 300, // 最大高度 stepHeight: 20 // 高度增长步长...

    .net_Ajax文本框自动完成示例

    在这个方法中,我们需要接收客户端传递的参数(通常是用户输入的字符),然后构造SQL查询语句,使用SqlCommand执行查询,并将结果转换成JSON格式返回给客户端。JSON是一种轻量级的数据交换格式,非常适合于Ajax通信...

Global site tag (gtag.js) - Google Analytics