Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当我们有大量的值(比如超过100个)可供选择时,如何在HTML中使用SELECT元素?_Html_Forms_Select_Dropdown - Fatal编程技术网

当我们有大量的值(比如超过100个)可供选择时,如何在HTML中使用SELECT元素?

当我们有大量的值(比如超过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

在下面的html中,我认为单独创建所有100+值是不高效的。那么,还有其他选择吗

<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。您可能需要考虑自动完成类型元素,以便用户可以键入名称的一部分并得到建议的匹配。例如