如何进行下拉多选？

Question

我正在努力让下拉列表成为多选。

例如，我应该能够同时选择选项1，选项2，选项3和选项4。

只是为了让事情更容易理解。 我在下面附上了所需的结果：

 <select> <option>All</option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <option>Option 4</option> </select> 

Answer 1

您可以使用multiple作为select标记的属性。 这是HTML的基本功能。

这是一个例子：

 <select multiple> <option value="val1">Val1</option> <option value="val2">Val2</option> <option value="val3">Val3</option> <option value="val4">Val4</option> </select> 

或者您可以使用任何jQuery插件。

Answer 2

HTML没有这样的控制权。

<select>元素将呈现一个下拉菜单，您可以选择一个选项。

<select multiple>元素将呈现一个列表框，允许您选择多个选项。

要获得您想要的UI，您需要涉及JavaScript。 一个好的起点是<input type="checkbox">元素的列表。