[英]How do I make a dropdown multi select?
I'm trying to make a dropdown to be multi-select. 我正在努力让下拉列表成为多选。
For example, I should be able to select Option 1, Option 2, Option 3, and Option 4 at the same time. 例如,我应该能够同时选择选项1,选项2,选项3和选项4。
Just to make things more understandable. 只是为了让事情更容易理解。 I'm attaching the desired result below:
我在下面附上了所需的结果:
<select> <option>All</option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <option>Option 4</option> </select>
You can use multiple as a property of select
tag. 您可以使用multiple作为
select
标记的属性。 It is a basic feature of HTML. 这是HTML的基本功能。
Here is an example : 这是一个例子:
<select multiple> <option value="val1">Val1</option> <option value="val2">Val2</option> <option value="val3">Val3</option> <option value="val4">Val4</option> </select>
Or you can use any jQuery plugins for the same. 或者您可以使用任何jQuery插件。
HTML has no such control. HTML没有这样的控制权。
A <select>
element will render a dropdown menu that lets you pick one option. <select>
元素将呈现一个下拉菜单,您可以选择一个选项。
A <select multiple>
element will render a list box that lets you pick multiple options. <select multiple>
元素将呈现一个列表框,允许您选择多个选项。
To get the UI you desire you will need to involve JavaScript. 要获得您想要的UI,您需要涉及JavaScript。 A good starting point would be a list of
<input type="checkbox">
elements. 一个好的起点是
<input type="checkbox">
元素的列表。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.