2017-09-13 59 views
0

如何使用Jquery将以下表单中的类添加到数组中? 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> 

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

谢谢!

+0

的问题是混乱的。你谈论课程,然后你谈论一个数组,然后你谈论输入的数据。你想要什么?显示你将要开始的HTML,以及你想要结果的结果(数组,什么)。 –

+0

谢谢。我重新提出了这个问题。 – ovyxdiu

回答

0

这样做:

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

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

的jQuery:

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

+0

更正了这两种方式 –

+0

这jQuery没有把类放入数组... –

+0

它不,它是一个例子,他可以使用它,因为他想要的。 –

0

我很抱歉,但这个解决方案是行不通的。我将重新解释我的问题:我有4个输入,其行为与搜索框相似。在输入字段中输入文本时,ajax脚本在数据库中搜索产品代码,可以从下拉菜单中选择产品代码。

product code input

但是当我从下拉菜单中的代码,所有的投入都是自配有相同的产品代码,因为它们具有相同的类。

all inputs

,我需要选择每每一行其他产品代码。

我的代码是:

<script> 
       $(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> 

<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> 
相关问题