Fatal编程技术网
  • html/
  • Html 多选问题

Html 多选问题

html

Html 多选问题,html,Html,如果我有一个如下所示的select字段，我想提示用户选择一个选项（尽管允许他们选择none，即离开“-Choose--”selected）。然而，如果选择了--Choose--其他的都不应该被选择，尽管在当前的设置中可以选择--Choose--和所有其他的 有没有一种好方法可以让一个多选字段在没有这种差异的情况下选择一个或多个选项，并且仍然以类似的方式提示用户输入？如果可能的话，我更愿意避免使用javascript根据用户的选择不断地取消选择/选择值 html <!DOCTYPE html

如果我有一个如下所示的select字段，我想提示用户选择一个选项（尽管允许他们选择none，即离开“-Choose--”selected）。然而，如果选择了--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>


--选择--
苹果
橙色
梨
我认为，在多个选择框中使用
--Choose--
选项毫无意义。如果他们可以选择多个选项，他们甚至可以不选择任何选项，这不像简单的选择框总是选择一个选项，在这里，您可以在加载时不选择任何选项

您可以在选择框上方放置一个简单的标签，只需编写一些内容供用户理解他需要做什么

编辑： 您还可以使用
标记，这样您就可以将标签放在所需选项的上方，甚至可以将特定于组的选项放在一组项目的下方

就像这样：

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


苹果
橙色
梨
Hmm，是的，也许这是最好的方法。谢谢@AndrewB，嗨，看我的编辑，也许这是你更想要的。啊，这看起来好多了。非常感谢。