我想使用jquery将输入值存储在数组中

Question

我有表和内部td我有一个输入字段，我想使用jquery将所有id值存储到数组中。

<td class="center">
    <div id="divId">
        <img src="<?php echo base_url()?>assets/backend/img/small.gif" width='40px' height='30px'></img> 
    </div>
    <input type="hidden"  class="box" id="boxId" name="foo" value="<?php  echo $device->deviceId;?>" />
</td>

我的javascript方法是

<script>

function yourfunction() {                           
    var no=document.getElementById("boxId").value;              
    alert("no"+no);
}
var x=setInterval(yourfunction,600);
</script>

我尝试使用循环，但它没有工作总是添加第一个值。

Answer 1

你必须使用class proprety，因为Id是唯一的，这是一个jquery解决方案：

<td class="center"><div id="divId"><img src="<?php echo base_url()?>assets/backend/img/small.gif" width='40px' height='30px'></img> </div><input type="hidden"  class="box" id="boxId" name="foo" value="<?php  echo $device->deviceId;?>" /></td>

$(document).ready(function(){
    function yourfunction(){
     /*get all element having class "box"*/
     $( ".box" ).each(function() { 
       alert($(this).val()); /*alert current element value*/
     });
    }
    var x=setInterval(yourfunction,600);
});

使用Javascript：

 function yourfunction(){
      var elements=document.getElementsByClassName("box");
      for (var i = 0; i <  elements.length; ++i) {
          alert(elements[i].value);
       }
 }
 var x=setInterval(yourfunction,600);

Answer 2

假设所有要处理的输入元素在文档就绪时可用： -

function extractBoxIds() {
  var idList = [];
  $('.box').each(function(index, element) {
    idList.push($(element).val());
  });
  return idList;
}

$(document).ready(function() {
  console.log(extractBoxIds());
});

如果没有，只要所有元素都可用，就运行extractBoxIds() - 超时后可能。