选择一个选择选项元素而不选择"选择"属性

时间:2014-08-20 18:21:17

标签: javascript jquery html5

所以这就是事情:

我有一个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>

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

如果您知道另一个表单设置为空白列表(与每个选项中的默认空元素不同),请告诉我。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

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

FIDDLE