Question

我有一个包含多个下拉列表的表单，如下所示。我可以看到如何获取每个下拉列表的ID，但我无法弄清楚如何获得实际使用的ID。请问有人解释如何做到这一点。

  <div>
   <select name="id[11]" class="pullDown" id="attrdrop0">
    <option class="pink" value="31`">No</option>
    <option class="pink" value="32">Yes (+$40.00)</option>
   </select>
  </div> 

  <div>
   <select name="id[10]" class="pullDown" id="attrdrop1">
    <option class="pink" value="31">No</option>
    <option class="pink" value="32">Yes (+$150.00)</option>
   </select>
  </div> 

<script>  
$(function () {
   $("#prices").change(function () {
     console.log('A change was made');
     CalculatePrice();  
  });
});  

function CalculatePrice() {
    var ttl_price = 0;
    var id = '';

    $(":input.select, :input").each(function() {
       var cur_price = $('option:selected', $(this)).text();
       ttl_price += cur_price;    

       id = $(this).attr('id');
       /*** What now ***/
    });  
    SetPrice(id, ttl_price);    
}  
</script>

Answer 1

您可以将控件作为参数传递给CalculatePrice。

$(function () {
   $("#prices").change(function () {
     console.log('A change was made');
     CalculatePrice(this);  
  });
});  

function CalculatePrice(triggerObject) {
    var ttl_price = 0;
    var id = '';

    $(":input.select, :input").each(function() {
       var cur_price = $('option:selected', $(this)).text();
       ttl_price += cur_price;    

       id = $(this).attr('id');
       /*** What now ***/
       if (triggerObject.id) {...}
    });  
    SetPrice(id, ttl_price);    
}  
</script>

如何确定使用哪种下拉菜单

1 个答案: