Question

我有两个输入类型=文本。文本框的文本从自定义日期选择器模块填充。我想在更改第一个文本框的文本时更改第二个文本框的内容。

<input type = "text" id = "one"> 
<br>
<input type = "text" id = "two">
<br>
<button onclick="myFunction()">Click me</button>

的Javascript

function myFunction()
{
    document.getElementById('two').value = 'hello';
}

这里我刚刚在按钮点击时模拟了文本框'two'的变化，但实际上它被其他一些方法改变了。我想在更改文本框'two'的值时更改文本框'one'的文本。 onchange和keyup等事件不会在文本明确更改时起作用。以1秒的间隔检查两个文本框的值是否相等对我来说也不是一个选项。

普通的Javascript或jQuery很好。

Answer 1

以下是使用jQuery的示例：

实时查看： http://jsbin.com/aqiyaz/1/

代码： http://jsbin.com/aqiyaz/1/edit

Answer 2

我的解决方案基于两个javascript函数，如下所示：

function myFunction()
{
    ob = document.getElementById('two')
        ob.value = 'hello';
    ob.focus();
    ob.blur();

}
function sync(){
   document.getElementById('one').value = document.getElementById('two').value 
}

这是HTML：

<input type = "text" id = "one"> 
<br>
<input type = "text" id = "two" onblur="sync()">
<br>
<button onclick="myFunction()">Click me</button>

以下是演示：http://jsfiddle.net/saidbakr/hD6Sx/

更改其他文本框文本时更改文本框的文本

2 个答案: