循环通过多个文本框代码点火器php
Loop through multiple textboxes Code igniter php
我的视图页面中有一个表单,其中一行中有两个选择框和三个输入框。我将它们放在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);
});
}
});
});
}
});
我认为这里的问题是,在每一行中,您必须输入具有ID的"category"answers"items"。页面上的每个元素都应该有一个唯一的ID。对于第1行,它们可能是"cat_1"answers"item_1"或类似的东西。现在有点像你有一个有10个人的房间,其中5个叫约翰尼,5个叫莎拉。如果你走进来找强尼,你会有问题的。
<?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);
});
}
});
}
相关文章:
- 我在代码点火器中出错
- 如何检查这个代码点火器php函数是否工作,该函数是否在ajax url中使用
- 代码点火器型号中未显示报警框.模型警报中的
- 来自mysql的动态值用于html代码点火器视图中的图形
- 如何使用代码点火器使用Bootstarp数据表搜索数据嵌套表数据
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- 如果条件在代码点火器的模型中不起作用
- 代码点火器在访问 URL 时提交表单
- 如何在控制器代码点火器中从 ajax 获取数据
- 代码点火器:搜索自动完成 JSON 解析意外字符
- 在一个页面代码点火器中创建多个分页
- 代码点火器中的警报消息成功
- PHP、JS和带有if-else语句的代码点火器脚本
- php/mysql搜索结果-当类型>1,同时保持其他类型不>1-代码点火器
- 如何防止引导模式关闭表单提交使用代码点火器
- 代码点火器路线按钮点击
- ajax函数不去php代码点火器控制器
- 如何将 json 数据发送到代码点火器视图
- 代码点火器通过单击按钮更改表单操作
- 我想显示数据库中的数据.如果我们新添加一个表单数据,我想附加显示的新帖子而不使用代码点火器刷新