javascript - 选择一个没有 "selected"属性的选择选项元素

Question

事情是这样的:

我有一个 Java 应用程序，它基于数据库创建了一组选择。此外，如果碰巧某个元素(我们称之为产品)具有该值，它会打印具有所选属性的选项。

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

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

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

Answer 1

在没有空选项的情况下执行此操作的方法是将 selectedIndex 设置为 -1

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

FIDDLE