java文本框循环输出_循环通过多个文本框代码点火器PHP

我在视图页面中有一个表单，其中有两个选择框和一行三个输入框 . 我将它们放在for循环中并制作五行，其中每行有两个选择框和3个简单文本框 . 我写 jquery 中的一个函数，如果我从一个选择框中选择值，它将出现在第二个选择框中 . 但是在循环中生成五行之后，此函数仅在第一行而不是其他四行中起作用 . 我不知道怎么做 . 如果有人可以为我编码，那么多谢他......

这是我的浏览页面

Category:Items:Selling Price:quantity: total:

?>

<?php echo form_input($price); ?> <?php echo form_input($quantity); ?> <?php echo form_input($total); ?>

我的 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 = $('');

opt.val(item_id);

opt.text(item_name);

$('#items').append(opt);

});

}

});

});

});

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;

});

我这样做但这不起作用

$(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 = $('');

opt.val(item_id);

opt.text(item_name);

$('#items_'+ i).append(opt);

});

}

});

});

}

});