如何进行下拉选择？

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

您可以将多个用作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">元素的列表。