在select的两个事件上激发jQuery？

好吧，假设我有一个下拉菜单和两个文本框：

<select name="service" class="ServiceSelect">
    <option value="5">Hitbox.TV</option>
    <option value="2">Justin.TV</option>
    <option value="4">Livestream</option>
    <option value="1" selected="selected">Twitch.TV</option>
    <option value="3">Ustream.TV</option>
</select>
<input type="text" name="value1" value="" />
<input type="text" name="value2" value="" class="value2" />

---

我遇到的问题是jQuery在“change”上运行得非常好。但不是在页面最初加载时。我做错了什么？

select

没有

load

事件，因此您应该使用

窗口。load

：

function selectHandler() {
    switch ($form.val())
    {
        case '1':
        case '3':
            $('.value2').slideDown();
            break;
        default:
            $('.value2').slideUp();
    }
}

$(function() {
    selectHandler();
});
$('.ServiceSelect').on('change', selectHanler);

---

您可以在文档就绪时触发更改事件，如

$('.ServiceSelect').trigger('change');

这将导致更改事件处理程序在页面加载时运行

你可以看到小提琴

$('.ServiceSelect').trigger('change');