文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在jQuery中以数组形式添加表单输入类名

问如何在jQuery中以数组形式添加表单输入类名
EN

Stack Overflow用户

提问于 2017-09-14 02:17:22

回答 2查看 45关注 0票数 0

如何使用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>

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

谢谢!

jquery

回答 2

Stack Overflow用户

发布于 2017-09-14 02:22:52

执行以下操作：

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

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

对于jQuery：

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

票数 0

Stack Overflow用户

发布于 2017-09-20 17:12:14

很抱歉，这个解决方案不起作用。我将重新表述我的问题:我有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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46204369

复制

相似问题

问如何在jQuery中以数组形式添加表单输入类名
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中以数组形式添加表单输入类名EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中以数组形式添加表单输入类名
EN