jquery选择选项单击处理程序

Question

给定:

<select id="mySelect">
  <option>..</option>
  ...
</select>

使用select id,如何在其中一个选项上触发click事件？我尝试将事件直接附加到select,但只要单击select就会触发事件(即使没有选项).哦,这是一个多选(虽然我不认为这件事).

Answer 1

您需要"更改"事件处理程序,而不是"单击".

$('#mySelect').change(function(){ 
    var value = $(this).val();
});

Answer 2

$('#mySelect').on('change', function() {
  var value = $(this).val();
  alert(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<select id="mySelect">
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
  <option value='4'>4</option>
  <option value='5'>5</option>
  <option value='6'>6</option>
  <option value='7'>7</option>
  <option value='8'>8</option>
</select>

例

Answer 3

你可以附加一个焦点事件来选择

$('#select_id').focus(function() {
    console.log('Handler for .focus() called.');
});