jquery 代码实现input 显示值问题

a2535455872 2012-02-27 10:53:17

界面有两个
<input type="text" name = "" id=""/> 第一个

<input type="text" name = "" id=""/> 第二个

怎么实现就是在第一个框里面输入值的时候，第二个框就随着第一个显示呢？

第一个框输入什么值第二个框显示什么值，两个框的值一样。

...全文

251 19 打赏收藏转发到动态举报

写回复

用AI写文章

19 条回复

切换为时间正序

请发表友善的回复…

发表回复

a597926661 2012-02-27

打赏
举报

 <script type="text/javascript">

   function chan(){

   document.getElementById('id2').value = document.getElementById('id1').value;

   }

   

   </script>

  </head>

  

  <body>

   <input type="text" id="id1" onkeyup="chan()">

   <input type="text" id="id2">

  </body>

这是javascript的实现已测试用jQuery楼主应该能搞定吧不行就回复我再贴代码

一天zijie一夜 2012-02-27

打赏
举报

应该用onkeydown事件

cherybook 2012-02-27

打赏
举报

在第一个input加监听事件，然后把第一个的值拿到赋给第二个

a2535455872 2012-02-27

打赏
举报

[Quote=引用 15 楼 fangkaifang 的回复:]
引用 13 楼 fangkaifang 的回复:
引用 11 楼 fangkaifang 的回复:
function test() {
var input1 = document.getElementById("id1").value;
$(#"id2").attr("value",input1);
}

<input type="text" name = "" id="id1" o……
[/Quote]
======================
谢谢！！

fangkaifang 2012-02-27

打赏
举报

[Quote=引用 13 楼 fangkaifang 的回复:]
引用 11 楼 fangkaifang 的回复:
function test() {
var input1 = document.getElementById("id1").value;
$(#"id2").attr("value",input1);
}

<input type="text" name = "" id="id1" onchange="test();"/> 第一个

……
[/Quote]

onchang事件改成onkeyup 你试试看

a2535455872 2012-02-27

打赏
举报

嗯，没事
----
还一个问题是，好像一定要鼠标一开点击页面才会把值赋值给输入框二，能不能有办法就是说在输入框一已输入值不用点击鼠标就会把值转入到输入框二呢？

fangkaifang 2012-02-27

打赏
举报

[Quote=引用 11 楼 fangkaifang 的回复:]
function test() {
var input1 = document.getElementById("id1").value;
$(#"id2").attr("value",input1);
}

<input type="text" name = "" id="id1" onchange="test();"/> 第一个

<input type="text" n……
[/Quote]

$("#id2").attr("value",input1);把这行改成这样不好意思

a2535455872 2012-02-27

打赏
举报

[Quote=引用 11 楼 fangkaifang 的回复:]
function test() {
var input1 = document.getElementById("id1").value;
$(#"id2").attr("value",input1);
}

<input type="text" name = "" id="id1" onchange="test();"/> 第一个

<input type="text" n……
[/Quote]
=======================================
某有反应！

fangkaifang 2012-02-27

打赏
举报

function test() {
var input1 = document.getElementById("id1").value;
$(#"id2").attr("value",input1);
}

<input type="text" name = "" id="id1" onchange="test();"/> 第一个

<input type="text" name = "" id="id2"/> 第二个

你再试试这个应该可以的刚不小心写错了

fangkaifang 2012-02-27

打赏
举报

[Quote=引用 8 楼 fangkaifang 的回复:]
function test() {
var input1 = document.getElementById("id1");
$(#"id2").attr("value","input1");
}

<input type="text" name = "" id="id1" onchange="test();"/> 第一个

<input type="text" name = ……
[/Quote]

我看看哈

a2535455872 2012-02-27

打赏
举报

fangkaifang 2012-02-27

打赏
举报

function test() {
var input1 = document.getElementById("id1");
$(#"id2").attr("value","input1");
}

<input type="text" name = "" id="id1" onchange="test();"/> 第一个

<input type="text" name = "" id="id2"/> 第二个

fangkaifang 2012-02-27