javascript - 如何获得 onchange Javascript/jQuery 功能以运行 onload(在 中不起作用)

Question

我有以下功能:http://jsfiddle.net/a8ZWx/274/ ...选择第三个选择选项时，会出现一个文本框。

但是，如果我加载页面时已经选择了第三个选项(例如，将“selected”插入脚本标记)，则文本框不会出现(参见:http://jsfiddle.net/a8ZWx/275/)。我知道这是因为选择并不一定会做出改变。

HTML代码:

<select id="myselect">
<option value="0">One</option>
<option value="1">Two</option>
<option value="2" selected>Three</option>
</select>
<br />
<input type="text" id="txtData" style="display:none;" />

Javascript 代码:

$('#myselect').change(function() {
if($(this).val() == 2)
    $('#txtData').show();
else
    $('#txtData').hide();
});

我的问题是，如何让文本框在已选择第三个选项的情况下加载选择时显示。我尝试将该函数插入到 body 标签的 onload 中，但没有成功。

Answer 1

尝试在页面加载时触发事件:

$('#myselect').change(function() {
    //...
}).change();

http://jsfiddle.net/bwjxrhwo/