当我们有大量的值(比如超过100个)可供选择时,如何在HTML中使用SELECT元素?
在下面的html中,我认为单独创建所有100+值是不高效的。那么,还有其他选择吗当我们有大量的值(比如超过100个)可供选择时,如何在HTML中使用SELECT元素?,html,forms,select,dropdown,Html,Forms,Select,Dropdown,在下面的html中,我认为单独创建所有100+值是不高效的。那么,还有其他选择吗 <form action=""> <label for="cars">Choose a car:</label> <select name="cars" id="cars"> <option value="volvo">Vol
<form action="">
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
.
.
<!-- more than 100 such values-->
.
.
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<br>
<input type="submit" value="Submit">
</form>
选择一辆车:
沃尔沃汽车
萨博
.
.
.
.
欧宝
奥迪
对于这种情况,没有更好的标准表单元素。但是有多个JS库可以提供帮助。例如,看看Select2。您可能需要考虑自动完成类型元素,以便用户可以键入名称的一部分并得到建议的匹配。例如