jquery如何设置多字段的不同输入id

Question

我有一个工作添加多字段选择选项字段，在选择项目时自动设置单价并使用jquery设置总价格

但是当我在下面添加其他字段时出现问题，新单价输入和选择输入的ID不会改变

Item Name
<select id="payselect" name="item_name[]">
<option  data-typeid="<?php echo $row['stock_price']?>" value="<?php echo 
$row['stock_name']?>"><?php echo $row['stock_name']?></option>
</select>

Quantity
<input id="paynumber" name="item_quantity[]" type="number">

Unit Price
<input type="number" name="item_unit[]" id="payunit">

Total Amount
<input type="number" name="sp_price"  id="paytotal" >



<script>
$(document).ready(function(){ 
$("#payselect").on("change", function(){

var price = 0;
var pricenumber=0;
$("#payselect").find("option:selected").each(function(){
price += $(this).data("typeid");
});

$('#paynumber').val(1);
$('#payunit').val(price);

var unitprice= $('#payunit').val();
var unitnumber= $('#paynumber').val();

pricenumber=unitprice*unitnumber;


$("#paytotal").val(pricenumber);

}); 
}); 
</script>

Answer 1

此类行为的原因是非关闭的

<select>

标签。 我还建议你使用

$(document).ready() 

在附加任何事件处理程序之前。