如何获取onchange Javascript / jQuery功能来运行onload（不起作用）

Question

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

但是，如果我要加载已选择第三个选项的页面（例如，在脚本标记中插入＆＃39;），则文本框不会显示（请参阅：http://jsfiddle.net/a8ZWx/275/）。我知道这是因为选择并不一定会改变。

HTML code：

<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/