问候我想知道是否有办法在datalist中设置选定的值。我想要这样的东西
<input list="cars" class="form-control" name="caBrands" style="width:300px;">
<datalist id="cars" >
<option selected="selected" value="BMW">
<option value="Toyota">
<option value="Mitsubishi">
</datalist>
答案 0 :(得分:22)
datalist只是一个与文本输入元素一起使用的自动完成列表。如果要预先设置值,只需设置输入值:
<input list="cars" value="BMW" class="form-control" name="caBrands" style="width:300px;">
<datalist id="cars">
<option value="BMW">
<option value="Toyota">
<option value="Mitsubishi">
&#13;
如果要始终从列表中选择值,可以使用select元素。这允许将一个选项标记为已选择,但它不允许自由形式输入:
<select class="form-control" name="caBrands" style="width:300px;">
<option selected value="BMW">BMW</option>
<option value="Toyota">Toyota</option>
<option value="Mitsubishi">Mitsubishi</option>
</select>
&#13;