javascript - jQuery 多选

Question

我有一个多选 HTML 元素。

<select multiple="multiple" id="mult_sel">
   <option value="1">Dog</option>
   <option value="2">Cat</option>
</select>

我使用以下 jQuery 来捕获何时单击此多重选择中的单个选项:

$('#mult_sel').click(function(v){
   console.log(v);
});

此事件按预期触发，但是，我不确定如何获取为多选字段单击的单个选项的值和文本值。

谢谢!

Answer 1

尝试

$('#mult_sel option').click(function(){
   alert('the value ' $(this).val()); //for get the value
   alert('the text'  $(this).text()); //for get the text
});

.val() 返回选项的值，.text() 返回所选选项的文本。

Jsfiddle