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

Question

我有两个输入字段:

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

我想这样做,以便输入id中的任何内容都会被自动放入id 2中.

关于如何做到这一点的任何想法？可能需要javascript吗？

Answer 1

只需input在源代码中注册一个偶数处理程序,textfield然后将值复制到目标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" />

小提琴