遍歷多個文本框代碼點火器PHP

Question

我有我的視圖頁面的表單那裏有兩個選擇框和三個輸入框成一排。我把它們放在一個for循環，使五行中的每一行有是二選擇框和3個簡單的文本框中。我在jQuery的寫一個函數，其中，如果我從一個選擇框中選擇值將在一個循環中進行五排後。但出現在第二選擇框，這個函數是在第一隻工作排不是其他四排。我不知道該怎麼做。如果任何一個能爲我的代碼，然後感謝他......

這是我的看法頁

<tr> 
<th>Category:</th> 
    <th>Items:</th> 
    <th>Selling Price:</th> 
    <th>quantity:</th> 
    <th> total:</th> 
</tr> 

<?php for ($i = 0; $i < 5; $i++) { 
    ?> 
    <tr> 
      <td>  


    <?php echo form_dropdown('cat_id', $records2, '#', 'id="category"');?> 
    </td> 
    <td>     

    <?php echo form_dropdown('item_id', $records3, '#', 'id="items"'); ?> 

    </td>   

    <td><?php echo form_input($price); ?> </td> 

     <td><?php echo form_input($quantity); ?></td> 

     <td> <?php echo form_input($total); ?> 
     </td></tr> 

    <?php }?></table> 

我的JavaScript兩個選擇框。

 $(document).ready(function(){ 
     $('#check').click(function(){ 
    alert("hello"); 
    return false; 
}); 
     $('#category').change(function(){ 
    $("#items > option").remove(); 
    var category_id = $('#category').val(); 
    $.ajax({ 
     type: "POST", 
     url: "stockInController/get_Items/"+category_id, 

     success: function(items) //we're calling the response json array 'cities' 
     { 
      $.each(items,function(item_id,item_name) 
      { 
       var opt = $('<option />'); 
       opt.val(item_id); 
       opt.text(item_name); 
       $('#items').append(opt); 
      }); 
     } 

    }); 

}); 
    }); 

的JavaScript發送值控制器

<script type="text/javascript"> 
     $('#btn').click(function() { // $("#form").serialize() 

var cust_id = $('#cust_id').val(); 
var item_id = $('#items').val(); 


var sales_date = $('#sales_date').val(); 
var sales_bill_no = $('#sales_bill_no').val(); 
var price = $('#price').val(); 
var quantity = $('#quantity').val(); 




var form_data = { 
     cust_id: $('#cust_id').val(), 
     sales_date: $('#sales_date').val(), 
     sales_bill_no: $('#sales_bill_no').val(), 
     price: $('#price').val(), 
     quantity: $('#quantity').val(), 
     item_id: $('#items').val(), 




}; 


$.ajax({ 
    url: "<?php echo site_url('salesController/addSales'); ?>", 
    type: 'POST', 
    data: form_data, 
    dataType: 'json', 
    success: function(msg) { 
     if(msg.res == 1) 
     { 
      $(".success").fadeIn(500).delay(2000).fadeOut(500); 
      alert("true"); 
     } 
     else{ 
      alert("false");   
      } 


    } 
}); 

return false; 
    }); 


    </script> 

我已經做到了這一點，但是這不工作

<?php echo form_dropdown('cat_id', $records2, '#', "id='category_".$i."'");?> 

    <?php echo form_dropdown('item_id', $records3, '#', "id='items_".$i."'"); ?> 



     <script type="text/javascript">// <![CDATA[ 
$(document).ready(function() 
    { 
    for (var i= 0; i<5; i++) 
      { 
    $('#category_'+ i).change(function(){ 




     $('#items_'+ i > option").remove(); 
     var category_id = $('#category_'+ i).val(); 
     $.ajax({ 
      type: "POST", 
      url: "stockInController/get_Items/"+category_id, 

      success: function(items) 
      { 
       $.each(items,function(item_id,item_name) 
       { 
        var opt = $('<option />'); 
        opt.val(item_id); 
        opt.text(item_name); 
        $('#items_'+ i).append(opt); 
       }); 
      } 

     }); 

    }); 
} 

    }); 

Answer 1

我覺得這裏的問題是，每行中你有輸入具有ID「類別」和「項目」的輸入。頁面上的每個元素都應該有一個唯一的ID。也許對於第1行，它們是「cat_1」和「item_1」或類似的東西。 現在有點像你有一個10人的房間，5個叫Johnny，5個叫Sarah。如果你走進去問約翰尼，你會遇到問題。

Answer 2

<?php for ($i = 0; $i < 5; $i++) { 
?> 
<tr> 
     <td>  


<?php echo form_dropdown('cat_id', $records2, '#', "id='category".$i."'");?> 
</td> 

<?php echo form_dropdown('item_id', $records3, '#', "id='items".$i."'"); ?> 

</td>   

同樣，運行在你的JavaScript循環，並得到類別的值和物品

編輯：

for(i=0;i < 5; i++){ 
$("#category"+i).change(function(){ 
$("#items"+i+" > option").remove(); 
var category_id = $("#category"+i).val(); 
$.ajax({ 
    type: "POST", 
    url: "stockInController/get_Items/"+category_id, 

    success: function(items) //we're calling the response json array 'cities' 
    { 
     $.each(items,function(item_id,item_name) 
     { 
      var opt = $('<option />'); 
      opt.val(item_id); 
      opt.text(item_name); 
      $("#items"+i).append(opt); 
     }); 
    } 

}); 
}