Jquery绑定单击以选择选项，但不选择select元素本身

Question

有没有办法将点击事件绑定到选择选项而不是选择框本身？

更改事件也不适合我，因为当我第一次单击该框时我无法选择第一个选项（因为它已经默认选中），我真的需要能够选择第一个选项

有没有办法解决这个问题，无论是绑定点击还是更改事件？

Answer 1

你可以：

a）添加'请选择... 'option作为select中的默认项目。

b）在页面加载时运行“选择已更改”代码以获取默认值something like this。

<select>
    <option>one</option>
    <option>two</option>
    <option>three</option>
</select>

Current Value: <span></span>

和

// call the changed function on document ready
// to get the 'default' value
$(function() {
    selectionChanged();
});

// hook up the change event of the select box
$('select').change(selectionChanged);

// event handler for the change event
function selectionChanged(e) {
    $('span').html($('select').val());
}