时间戳

首页 > 解决方案 > 根据 1 个输入的值自动填充多个输入的内容

jquery - 根据 1 个输入的值自动填充多个输入的内容

问题描述

我正在学习 HTML/CSS/JS/Jquery。我正在处理一个有多个文本输入项的页面。不知何故，我想自动复制 1 个输入（main_item）的内容并粘贴到其他输入上。

我发现这个话题几乎解决了我的问题： How can I select an element by name with jQuery?

但就我而言，我需要自动填充的字段被创建为一个对象数组并通过它的名称（quote_item [#] [item]）访问，我已经尝试过但没有用：

    $("#main_item").keyup(function(){
        update();
    });

    function update() {
      $("input[name*=quote_item").val($('#main_item').val());
    }

    <p>Main item: <input type="text" id="main_item" name="main_item" value=""></p>
    <p>
       <input type="text" name="item[0][item-code]" value="">
       <input type="text" name="item[1][item-code]" value="">
    </p>

请帮忙！

标签： jqueryhtml

解决方案

希望这是你想要的

input[name$='[item-code]'] // input attr name ends with [item-code]


$("#main_item").keyup(function() {
  update();
});

function update() {
  $("input[name$='[item-code]']").val($('#main_item').val());
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Main item: <input type="text" id="main_item" name="main_item" value=""></p>
<p>
  <input type="text" name="item[0][item-code]" value="">
  <input type="text" name="item[1][item-code]" value="">
</p>

推荐阅读