javascript - 使用 jquery 匹配更改时的输入值

Question

我有两个输入，我希望在输入一个时具有相同的输入值。它有点有效，但并非总是有效。我将把代码留在这里:

$('#google-querynav').keypress(function() {
    var text = $(this).val();
    $('#google-querystat').attr('value', text);
})
$('#google-querystat').keypress(function() {
    var text = $(this).val();
    $('#google-querynav').attr('value', text);
})

感谢您的帮助

Answer 1

您需要使用 change 和 keyup 事件来完成这项工作。您也可以使用val()方法来更改 input 的值，而不是 attr("value")。

$('#google-querynav').on("change keyup", function() {
    var text = $(this).val();
    $('#google-querystat').val(text);
})
$('#google-querystat').on("change keyup",function() {
    var text = $(this).val();
    $('#google-querynav').val(text);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="google-querynav"/>
<input type="text" id="google-querystat"/>

您可以使用更短的代码来执行此操作

$('#google-querynav, #google-querystat').on("keyup change", function() {
    var text = $(this).val();
    $('#google-querynav, #google-querystat').val(text);
})

在jsfiddle中进行测试