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

Question

i have table and inside td i have a input field,i want to to store all the id values in to array using 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>

my javascript method is

<script>

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

i tried using an loop but it didnt work always added up the first value.

Answer 1

You have to use class proprety because Id is unique,This is a jquery solution:

<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);
});

With 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

Assuming all the input elements to be processed are available on document ready:-

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

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

If not, run extractBoxIds() whenever all elements are available - after a timeout maybe.