清空选择，多个返回null，单个返回第一个选项

Question

我有两个选择，一个是“常规”，另一个是多个。如果在多个中没有选择任何内容，则返回“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”。

Answer 1

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

最简单的解决方案是将空值添加到列表中的第一项：

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

这样您就不需要对JS代码进行任何更改。