Question

如何使用jQuery在数组中添加下面表单中的类？ jQuery函数搜索数据库中的数据，但是当我完成第一个输入时，以下内容会自动填充与第一个输入相同的数据，因为它们具有相同的类。

function search(val) {
  $(".search-box").val(val);
  $(".suggesstion-box").hide();
}
</script>
</head>
<body>
<div class="frmSearch">
  <input type="text" class="search-box[]" placeholder="Search" />
  <input type="text" class="search-box[]" placeholder="Search" />
  <input type="text" class="search-box[]" placeholder="Search" />
  <input type="text" class="search-box[]" placeholder="Search" />
  <div class="suggesstion-box"></div>
</div>
</body>

我需要用每个输入中输入的数据填写每个输入。

谢谢！

Answer 1

这样做：

document. getElementsByTagName("input")[0].value;

这将返回您可以访问的元素数组。

对于jQuery：

$("input").each(function() {
  $(this).val();
});

Answer 2

对不起，但这个解决方案不起作用。我将重新解决我的问题：我有4个输入，表现得像搜索框。在输入字段中输入文本时，Ajax脚本会在数据库中搜索产品代码，可以从下拉菜单中选择。

product code input

但是当我从下拉菜单中选择代码时，所有输入都是自我完成的，具有相同的产品代码，因为它们具有相同的类。

all inputs

我需要为每行选择另一个产品代码。

我的代码是：

$(document).ready(function(){
  $(document).on('keyup', '.input_cod', function(){
    $.ajax({
    type: "POST",
    url: "search_code.php",
    data:'keyword='+$(this).val(),
    beforeSend: function(){
      $(".input_cod").css("background","#FFF url(../images/LoaderIcon.gif) no-repeat 165px");
    },
    success: function(data){
      $("#suggesstion-box").show();
      $("#suggesstion-box").html(data);
      $(".input_cod").css("background","#FFF");
    }
    });
  });
});

function cauta(val) {
  $(".input_cod").val(val);
  $("#suggesstion-box").hide();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
  <td style="width:120px;"><input type="text" name="cod[]" autocomplete="off" spellcheck="false" placeholder="Cauta cod" class="input_cod"></td><div id="suggesstion-box"></div>
  <td style="width:120px;"><input type="text" name="cod[]" autocomplete="off" spellcheck="false" placeholder="Cauta cod" class="input_cod"></td><div id="suggesstion-box"></div>
  <td style="width:120px;"><input type="text" name="cod[]" autocomplete="off" spellcheck="false" placeholder="Cauta cod" class="input_cod"></td><div id="suggesstion-box"></div>
  <td style="width:120px;"><input type="text" name="cod[]" autocomplete="off" spellcheck="false" placeholder="Cauta cod" class="input_cod"></td><div id="suggesstion-box"></div>
</table>

如何在jQuery中的数组中添加表单输入类名

2 个答案: