jQuery /以编程方式在选择框中选择一个选项

前端之家收集整理的这篇文章主要介绍了jQuery /以编程方式在选择框中选择一个选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前使用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');

猜你在找的jQuery相关文章