javascript - 如何使用jQuery或JavaScript使A中的表单输入值出现在B中

Question

如何在表单输入a中输入内容并将其显示在表单输入b和 div c中？

假设我在表单输入a中输入值100 ，我怎样才能让它在我输入时出现在表单输入b和div 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>

标签： javascriptjquery

Answer 1

将事件侦听器添加到名称为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>