多选选择框的选择/取消选择选项，无需按控制键并更改样式答案

【问题标题】：Select/unselect option of a multiselect selectbox without pressing control key and changing the style多选选择框的选择/取消选择选项，无需按控制键并更改样式
【发布时间】：2014-12-29 20:25:55
【问题描述】：

我在this fiddle 中有一个多选框，绘制为，

<select id="select" multiple>
    <option value="-1">Select</option>
    <option value="1">a</option>
    <option value="2">b</option>
    <option value="3">c</option>
    <option value="4">d</option>
</select>

如何在不按Ctrl 键的情况下选择多个值。即，当我选择一个选项时，如果它没有被选择，则应该选择它，反之亦然。

编辑：
1. 另外，我如何设置多选下拉菜单的样式，使其显示为类似于单选下拉菜单。

2. 我尝试使用上面的example，示例在这里：http://jsfiddle.net/mpsbhat/ua057y5t/。但在这种情况下，我无法触发更改事件。

【问题讨论】：

可能需要 JS，但这篇文章讨论了它：stackoverflow.com/questions/8641729/…

标签： jquery select drop-down-menu multi-select

【解决方案1】：

对于不按住 CTRL(Windows)/CMD(Mac) 的多选，try this solution。

对于样式，您可能正在寻找：

-webkit-appearance: none;/* Safari, Chrome */
-moz-appearance: none;/* Firefox */

但是你需要自己设置样式，背景颜色，字体大小等。

【讨论】：

【解决方案2】：

检查这个 JQuery 插件：-“Multi select avoiding ctrl button”

希望这会对你有所帮助。

【讨论】：

【解决方案3】：

你可能正在搜索这样的东西，检查讨论：jquery select and unselect multiple input without ctrl click

【讨论】：