更改事件不会触发第一个选项值

Question

我有一个菜单 html 选择标签，其中包含一些菜单，例如：

<select class="menu">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>

我正在监听change事件的选项选择。

$(".menu").change(function (evt) {
    alert($(evt.target).val())

})

问题是第一个选项 value(One) 已经被选中，并且 on option 不会触发change该选项的事件。

http://jsfiddle.net/navyad/Yfs4u/205/

有什么办法解决这个问题吗？

Answer 1

你应该trigger是第一次，

$(".menu").change(function (evt) {
    alert($(evt.target).val())
}).change(); // or .trigger('change');

演示