如何在表单输入中输入内容a并在form inputb中显示divc
?假设我输入value100输入a我如何使它出现在表单输入banddiv c当我打字时?
下面的代码不能正常工作:
<script>
$(function() {
$('[name="b"]').on('change', function() {
$('[name="a"]').val($(this).val());
});
});
</script>
<input type="text" id="a" name="a" value="">
<input type="text" id="b" name="b" value=""/>
<div id="c" class="c"></div>
将事件监听器添加到名称为a
而不是b
的输入中:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {
$('[name="a"]').on('input', function() {
$('[name="b"]').val($(this).val());
});
});
</script>
<input type="text" id="a" name="a" value="">
<input type="text" id="b" name="b" value=""/>
<div id="c" class="c"></div>