Question

如果我有一个如下所示的选择字段，我想提示用户选择一个选项（虽然允许他们选择无，即离开＆＃34; - 选择 - ＆＃34;选择）。但是如果--Choose--被选中则不应该是其他的，但是通过这个当前设置，可以选择--Choose--和所有其他设置。

有没有一个很好的方法可以有一个多选字段，在没有这种差异的情况下可以选择没有或多个选项，并且仍然以类似的方式提示用户输入？我希望避免使用javascript来不断取消选择/选择值，具体取决于用户的选择。

HTML

<!DOCTYPE html>
<html>
    <body>

        <select id="desiredFruit" multiple="multiple">
            <option value="-1" selected="selected">--Choose--</option>
            <option value="1">Apple</option>
            <option value="2">Orange</option>
            <option value="3">Pear</option>
        </select>

    </body>
</html>

Answer 1

我认为，在我看来，在多个选择框中使用--Choose--选项毫无意义。如果他们可以选择多个选项，他们甚至可以选择任何选项，它不像简单的选择框那样总是选择一个选项，在这里你可以在加载时没有选择它们。

您可以在选择框上方放置一个简单的标签，然后为用户写一些内容，以了解他需要做什么。

编辑：您还可以使用<optgroup>标记，这样您就可以在所需选项上方添加标签，甚至可以在一组项目下分组特定选项。

就像那样：

<!DOCTYPE html>
<html>
    <body>
        <select id="desiredFruit" multiple="multiple">
            <optgroup label="-- Choose --">
               <option value="1">Apple</option>
               <option value="2">Orange</option>
               <option value="3">Pear</option>
            </optgroup>
        </select>

    </body>
</html>

多选问题

1 个答案: