选择没有“selected”属性的选择选项元素答案

【问题标题】：Select a select option element without a "selected" attribute选择没有“selected”属性的选择选项元素
【发布时间】：2014-08-20 18:21:16
【问题描述】：

事情是这样的：

我有一个 java 应用程序，它基于 db 创建一组选择。此外，如果某个元素（我们称之为产品）具有该值，它会打印带有 selected 属性的选项。

<select>
    <option value="1">text1</option>
    <option value="2" selected>text2</option>
    <option value="3">text3</option>
    <option value="4">text4</option>
    <option value="5">text5</option>
</select>
<select>
    <option value="1">text1</option>
    <option value="2">text2</option>
    <option value="3">text3</option>
</select>
<select>
    <option value="1">text1</option>
    <option value="2">text2</option>
</select>

我想要做的是将没有具有选定值的元素的选择设置为空白（将值设置为零）。

如果您知道另一种形式可以设置为空白列表（不同于在每个选择中放置默认的空元素），请告诉我。

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

没有空选项的方法是将 selectedIndex 设置为 -1

$('select:not(:has(option[selected]))').prop("selectedIndex", -1);

FIDDLE

【讨论】：

【解决方案2】：

Demo$('option:not(:selected)').val(0);使用:not和:selected并将值设置为0

【讨论】：