如何制作两个显示相同数据的输入字段？

Question

所以我有一个输入字段需要在用户更改选项卡并按下按钮时弹出另一个地方， 但我觉得抛弃div会太麻烦， 那么它是否可以制作两个输入字段，但让它们显示用户输入的相同输入？

或者有更简单的方法吗？

Answer 1

试试这个。当然，请确保它位于DOM .ready()。

$('#input1').blur(function() {
    $('#input2').val( this.value );
});

• Use .blur()在用户离开input1。
时运行代码
• Use .val()将input2的值设置为this.value的{​​{1}}。

如果你还需要反向工作，只需指定另一个处理程序，反转输入。

input1

---

编辑：要处理多个输入，请为它们提供相同的类，然后使用配对ID。

像这样：

示例： http://jsfiddle.net/m3q4V/

$('#input2').blur(function() {
    $('#input1').val( this.value );
});

JS：

<!-- In tab 1 -->
<input type="text" class="someClass" id="address_1" />
<input type="text" class="someClass" id="city_1" />
<input type="text" class="someClass" id="zip_1" />

<!-- In tab 2 -->
<input type="text" class="someClass" id="address_2" />
<input type="text" class="someClass" id="city_2" />
<input type="text" class="someClass" id="zip_2" />

Answer 2

See Working Example

---

如果您希望在第一个文本框失去焦点时发生，则需要使用blur事件：

$('#textbox1_id').blur(function(){
   $('#textbox2_id').val(this.value);
});