我目前使用jQuery返回一些JSON结果。一旦返回这些结果,我将使用它们来预填充我的窗体中的字段。
但是,我需要一些帮助,在下拉框中预先选择项目。例如,我有一个选择框(缩短):
<select id="startTime"> <option value="14:00:00">2:00 pm</option> <option value="15:00:00">3:00 pm</option> <option value="16:00:00">4:00 pm</option> <option value="17:00:00">5:00 pm</option> <option value="18:00:00">6:00 pm</option> </select>
如果我的JSON值是:
var start_time = data[0].start // Let's say this is '17:00:00'
我如何,使用jQuery,选择值’17:00:00’选择?
<option value="17:00:00" selected="selected">5:00 pm</option>
解决方法
更新:
从jQuery 1.9开始,jQuery已更新更改了此功能。选项的“选择”状态实际上是一个属性,因此jQuery已将此更改为使用.prop()方法。语法非常相似,容易切换:
$('#startTime option[value=17:00:00]').prop('selected',true);
见http://api.jquery.com/prop/#entry-longdesc为什么它需要通过真。
旧版jQuery
$('#startTime option[value=17:00:00]').attr('selected','selected');
要么
$('#startTime option[value='+ data[0].start +']').attr('selected','selected');