[英]How to insert a value in a multiple input textbox with the same class name per group using jQuery?
How to insert a value per group in a multiple input textbox with the same class name. 如何在具有相同类名的多个输入文本框中为每个组插入值。 I want to update the input textbox value per group.
我想更新每个组的输入文本框值。 My code below is working but it is filling up all textboxes when I select an item in autocomplete.
我下面的代码可以正常工作,但是当我选择自动完成中的项目时,它会填满所有文本框。 What I want is if I select an item in itemgroup 1, only textboxes in group 1 should update.
我想要的是,如果我在项目组1中选择了一个项目,则仅应更新组1中的文本框。
<div id="itemgroup1">
<input type="text" class="form-control itemname" name="oe_type[]" placeholder="Enter item name or code" required>
<input type="text"class="form-control it_desc" name="oe_desc[]" placeholder="Enter item description" required>
<input type="number" step="any" class="form-control it_price" name="oe_value[]" placeholder="Enter unit price" value="0">
<input type="number" step="any" min="1" class="form-control itemqty" name="oe_qty[]" placeholder="Enter quantity" required>
</div>
<div id="itemgroup2" >
<input type="text" class="form-control itemname" name="oe_type[]" placeholder="Enter item name or code" required>
<input type="text"class="form-control it_desc" name="oe_desc[]" placeholder="Enter item description" required>
<input type="number" step="any" class="form-control it_price" name="oe_value[]" placeholder="Enter unit price" value="0">
<input type="number" step="any" min="1" class="form-control itemqty" name="oe_qty[]" placeholder="Enter quantity" required>
</div>
<script>
$(".itemname").autocomplete({
minLength: 4,
autoFocus: true,
source: function(request, response) {
$.ajax({
url: "get_item.php",
data: {term: request.term},
dataType: "json",
success: function(data) {
response($.map(data.myData, function(item) {
return {
label: item.name,
value: item.code,
code: item.code,
price: item.price,
desc: item.desc
}
}));
}
});
},
select: function (event, ui) {
$(".it_desc").val(ui.item.desc);
$(".it_price").val(ui.item.price);
$(".itemqty").focus();
}
});
</script>
try this one: 试试这个:
select: function(event, ui) {
$(this).nextAll(".it_desc").val(ui.item.desc);
$(this).nextAll(".it_price").val(ui.item.price);
$(this).nextAll(".itemqty").focus();
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.