Question

我有一些jquery我一直在努力调试。我有一个搜索字段，当我将文本输入页面顶部的输入字段时，我希望第一个输入的值直接复制到#search_visibleTest输入。当我将两个输入放在一起时，代码可以正常工作。

我的问题：当我在其自己的div中的第一个搜索输入中输入文本时，具有辅助字段的正确ID的输入不起作用或填充。关于我做错了什么的任何见解。如果您需要更多信息，请与我们联系。

<div class="head">
    <input class="form-input" id="search_visible" name="search_visible" placeholder="Search" autocomplete="off">
</div>

<div class="body">
    <form>
        <input class="form-input" id="search_visibleTest" name="search_visible" placeholder="Search" autocomplete="off">
    </form>
</div>

<script>
  $("#search_visible").keyup(function(){
      $("#search_visibleTest").val(this.value);
  });
</script>

该脚本仅适用于以下代码。我不确定是什么问题。我没有收到任何控制台错误。

<div class="head">
    <input class="form-input" id="search_visible" name="search_visible" placeholder="Search" autocomplete="off">
    <input class="form-input" id="search_visibleTest" name="search_visible" placeholder="Search" autocomplete="off">
</div>

Answer 1

你可以使用这样的东西。这将使用data-mirror属性将输入上的任何更改镜像到具有data-mirror的任何其他输入。然后你可以绑定任意多个。

$('[data-mirror]').on('change keyup paste',function(){
  $('[data-mirror]').val(this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" data-mirror><br/>
<input type="text" data-mirror><br/>
<div>
  <input type="text" data-mirror>
</div>

Jquery将输入字段复制到div外的另一个输入

1 个答案: