如何確定使用哪個下拉列表

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>