将单击绑定到选择选项，但不绑定到选择元素本身

Question

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

更改事件也对我不起作用，因为当我第一次单击该框时，我无法选择第一个选项（因为默认情况下它已被选中），而且我确实需要能够选择第一个选项。

有没有办法解决这个问题，要么绑定点击事件，要么绑定更改事件？

Answer 1

您可以：

a)添加“请选择...”选项作为select。

b) 在页面加载时运行“选择已更改”代码以选择默认值 类似这样的。

<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());
}