我有两个输入字段:
<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />
我想这样做,以便输入id中的任何内容都会被自动输入id。
关于如何做到这一点的任何想法?可能需要javascript吗?
答案 0 :(得分:10)
只需使用来源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());
});
});
&#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;