如何在选择选项上触发点击事件

Question

我要单击类似这样的选项。

JS

$("#practice-area optgroup option").click(function(){
// code function here
});

HTML

<select name="practice-area" id="practice-area">
    <option value="0">Select</option>
    <optgroup label="NSW">
        <option value="1397">Armidale</option>
    </optgroup>
    <optgroup label="NT">
        <option value="1402">Darwin</option>
    </optgroup>
</select>

Answer 1

您应该在change而非select上使用option事件处理程序。

option没有click事件处理程序，因此您可以使用option或{{1}获取select选择的$('select :selected') }

$('select option:selected')

$("#practice-area").click(function(){
  // do what you want when you click select
  console.log('select clicked');
});

// normally use change
$("#practice-area").change(function(){
  console.log('change to ' + $(this).find(':selected').text());
});