Empty选择,multiple返回null, single返回第一个选项



我有两个选择,一个是"regular",一个是multiple。如果在多个选项中没有选择任何内容,则返回"null",如果没有选择,则返回第一个选项。

问题是,如果选择了第一个(空)选项,我需要单个选择返回"null"。这是否可以通过jQuery或其他方式来定义呢?

你明白我的意思吗?

干杯!

编辑:


代码很简单,只有两个选择:

<select id="single">
    <option>Make your selection</option>
    <option value="sel1">Test 1</option>
    <option value="sel2">Test 2</option>
    <option value="sel3">Test 3</option>
    <option value="sel4">Test 4</option>
</select>
<select id="multi" multiple="multiple">
    <option>Make your selection</option>
    <option value="mult1">Test 1</option>
    <option value="mult2">Test 2</option>
    <option value="mult3">Test 3</option>
    <option value="mult4">Test 4</option>
</select>

如果你不与多重选择交互,它将返回"null"。我希望单个返回"null",如果用户不与它交互,第一个选项仍然被选中。

这是由于浏览器的行为:首先,在单个选择元素中,默认选择第一项。
其次,当<option>标签的value属性被省略时,浏览器会将<option>的文本赋值。

最简单的解决方案是在列表的第一项中添加空值:

<option value="">Make your selection</option>

最新更新