我有4个选择菜单,全部使用相同的产品。 (用户应该使用选择菜单将产品添加到发票中)。jQuery Selector:当我有多个选择菜单时,如何指定一个选择菜单?
因此,每个部分由选择菜单,数量文本字段和价格文本字段组成。但我有四个人在同一页面。
每当我从选择菜单中选择产品时,我想更改数量和价格。但更具体一点,我只想知道,如何找出哪个选择菜单被点击。
如果选择菜单有一类产品(.product),当我选择产品时,所有部分都会受到影响。但我只想影响特定的选择菜单部分。
$(".product").change(function(event){
alert('product picked'); // testing
});
我不能只追加一个数字,像这样:product1,product2,product3。因为那时在javascript文件我会写4个不同的功能
$(".product1").change(function(event){,
$(".product2").change(function(event){, etc.
我知道这是很基本的,但我需要刷新我的jQuery的东西。
这是一些HTML格式。我仅包含产品选择菜单和数量文本字段以简化操作。
<div class="item">
<p>
Product:
<select class="product" id="invoice_line_items_attributes_0_item_id" name="invoice[line_items_attributes][0][item_id]"><option value="1" data-defaultquantity="1">WP setup</option>
<option value="2" data-defaultquantity="1">WordPress Theme Design</option>
<option value="3" data-defaultquantity="1">WHE/yr</option>
<option value="4" data-defaultquantity="1">WHE/mo</option></select>
</p>
Qty: <input class="quantity" id="invoice_line_items_attributes_0_quantity" name="invoice[line_items_attributes][0][quantity]" size="30" type="text" value="1"><br>
</div><hr>
<div class="item">
<p>
Product:
<select class="product" id="invoice_line_items_attributes_1_item_id" name="invoice[line_items_attributes][1][item_id]"><option value="1" data-defaultquantity="1">WP setup</option>
<option value="2" data-defaultquantity="1">WordPress Theme Design</option>
<option value="3" data-defaultquantity="1">WHE/yr</option>
<option value="4" data-defaultquantity="1">WHE/mo</option></select>
</p>
Qty: <input class="quantity" id="invoice_line_items_attributes_1_quantity" name="invoice[line_items_attributes][1][quantity]" size="30" type="text" value="1"><br>
</div><hr>
你可以发布你的HTML吗? – jbabey
谢谢jbabey。添加了HTML。 – leonel