问候我想知道是否有办法在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>
解决方法
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">
如果要始终从列表中选择值,则可以使用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>
