Question

如何禁用数据列表中的选项？

<input type="hidden" name="Town_Group" id="frmTown_Group">
<input name="Town" id="frmTown" list="frmTown_List">
<datalist name="Town_List" id="frmTown_List">
<option value="London">London</option>
<option value="Zurich">Zurich</option>
<option value="|" disabled=true >Italian</option>
<option value="Turin">Turin</option>
<option value="Milan">Milan</option>
<option value="Rome">Rome</option>
<option value="Naples">Naples</option>
<option value="|" disabled=true >French</option>
<option value="Bordeaux">Bordeaux</option>
<option value="Lion">Lion</option>
<option value="Paris">Paris</option>
</datalist>

我尝试了禁用，效果是该选项消失了。

感谢Giovanni Rossati

Answer 1

在这种情况下，您可以使用类似readonly的属性，我不建议这样做

<input type="hidden" name="Town_Group" id="frmTown_Group" />
<input name="Town" id="frmTown" list="frmTown_List" />
<datalist name="Town_List" id="frmTown_List">
  <option value="London">London</option>
  <option value="Zurich">Zurich</option>
  <option value=" " readonly>Italian</option>
  <option value="Turin">Turin</option>
  <option value="Milan">Milan</option>
  <option value="Rome">Rome</option>
  <option value="Naples">Naples</option>
  <option value=" " readonly>French</option>
  <option value="Bordeaux">Bordeaux</option>
  <option value="Lion">Lion</option>
  <option value="Paris">Paris</option>
</datalist>

这是唯一的方法，因为

数据列表与选择：

我想这就是您想要的，但是没有比较。资料清单不同，选择也不同。
数据列表用于基于
自动填充列表中的结果用户输入，虽然select并没有任何作用，但只会显示所有内容
它具有的选项。
所以这清楚表明
中不应有任何预选值数据列表（用于在用户互动时自动填充）。因此
它不能是只读的
select是不同的，它可以具有默认值，因此它可以是只读的。

是的，您说的是：“如果需要只读或禁用，请使用选择标记”，是的，根据我的说法，您不能设置数据列表中的任何内容，但可以在选择中设置。

如何禁用数据列表中的选项

1 个答案: