如何在数据列表 HTML PHP 中选择设置

How set selected in a datalist HTML PHP

提问by user3797088

Greetings I would like to know if there is a way to set a selected value in a datalist. I would like something like this

问候我想知道是否有办法在数据列表中设置选定的值。我想要这样的东西

<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>

回答by GolezTrol

The datalist is just an auto-complete list to be used with a textual input element. If you want to pre-set a value, just set the value of the input:

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">

If you want to always select a value from a list, you can use a select element. This allows marking one option as selected, but it doesn't allow freeform input:

如果您想始终从列表中选择一个值，您可以使用 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>