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

时间:2019-06-15 14:07:49

标签: jquery html

我正在学习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>

请帮助!

1 个答案:

答案 0 :(得分:0)

希望这就是您想要的

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>