我想使用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() - 超時后可能。