javascript - 如何将值从一个输入字段复制到另一个

Question

我有两个输入框:

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

我想做的是无论输入到 id 1 中的什么都会自动放入 id 2 中。

关于如何做到这一点有什么想法吗？可能需要 javascript？

Answer 1

只需向源 textfield 注册一个 input 偶数处理程序，并将值复制到目标 textfield。

window.onload = function() {
    var src = document.getElementById("one"),
        dst = document.getElementById("two");
    src.addEventListener('input', function() {
        dst.value = src.value;
    });
};

// jQuery implementation

$(function () {
    var $src = $('#three'),
        $dst = $('#four');
    $src.on('input', function () {
        $dst.val($src.val());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>

<strong> With vanilla JavaScript</strong>
<br />
<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

<br />
<br />

<strong>With jQuery</strong>
<br />
<input type="text" id="three" name="three" />
<input type="text" id="four" name="four" />

Fiddle