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

时间:2014-03-25 21:18:39

标签: javascript html input

我有两个输入字段:

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

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

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

1 个答案:

答案 0 :(得分:10)

只需使用来源input注册textfield偶数处理程序,然后将该值复制到目标textfield

&#13;
&#13;
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());
    });
});
&#13;
<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" />
&#13;
&#13;
&#13;

Fiddle