使用jQuery检测何时选择特定的<option>

Question

我有以下下拉菜单:

$(document).ready(function() {
    $("option#trade_buy_max").select(function () {
        //do something
    });
});

我希望jQuery检测何时选择带有id trade_buy_max的选项.

我尝试了以下,但似乎没有用.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<select name='type' id='type'>
    <option id='trade_buy' value='1' selected='selected'>Buy</option>
    <option id='trade_buy_max' value='1'>Buy max</option>
    <option id='trade_sell' value='2'>Sell</option>
    <option id='trade_sell_max' value='2'>Sell max</option>
</select>

有任何想法吗？

提前致谢.

Answer 1

这样可以...在选择框上侦听更改事件以触发它,然后只需拉出所选选项的id属性.

$("#type").change(function(){
  var id = $(this).find("option:selected").attr("id");

  switch (id){
    case "trade_buy_max":
      // do something here
      break;
  }
});

Answer 2

你需要做的是添加一个onchange处理程序select:

$('#type').change(function(){ 
  if($(this).val() == 2){
     /* Do Something */
  }
});