jQuery 选择的选项仅在调试中工作

Question

我有一个选择元素，我想在加载页面时将其设置为特定值:

<select id="Town">
<option value="">Select...</option>
<option value="4004">Town A</option>
<option value="4005">Town B</option>
<option value="4006">Town C</option>
<option value="4007">Town D</option>
<option value="4008">Town E</option>
<option value="4003">Town F</option>
</select>

当我尝试通过这行代码设置所选选项时:

var SelectedTown = '4005';

jQuery('select#Town>option[value=' + SelectedTown + ']').attr('selected','selected');

它在运行模式下不起作用，我的意思是可见部分仍然是“选择...”但是如果我在 Firebug Debug模式下运行它，在线上中断然后继续它工作，可见部分变为“B 镇”。

我还尝试了以下几行:

jQuery('select#Town').attr('value',SelectedTown);

jQuery('select#Town').val(SelectedTown);

jQuery('select#Town').val('4005');

但它们都不起作用。

我使用 jQuery 1.6.2。

知道我哪里错了吗？

Answer 1

使用 setTimeout功能暂停你的代码大约一定的时间和恢复，

setTimeout(function(){
    // Your code here
},3000);