在 HTML select 元素中，为什么选择了最后一个 selected=false 的选项？

Question

我有一个包含option元素的select元素。 有些选项的属性selected设置为 false，有些则根本没有设置。

 <select> <option selected=false>1</option> <option selected=false>2</option> <option>3</option> <option selected=false>4</option> <option>5</option> <option>6</option> </select>

似乎当没有元素selected设置为true时， selected设置为false的最后一个元素是创建元素时默认选择的元素。

这种行为不直观，在这种情况下，我希望selected未定义的第一个option ，并且绝对不是明确未选择的选项。

是什么导致了这种行为？ 它是否在任何地方定义？

Answer 1

问题是disabled是一个布尔属性。 当它存在时，它处于打开状态，并且它具有什么值并不重要，因此具有selected属性的最后一个元素被选中。 即使你写false ，它仍然被解释为true （参见What values can appear in the "selected" attribute of the "option" tag? ）。

Answer 2

为什么使用selected False，你能解释一下目的吗？ 试试看。

<select>
  <option disabled>1</option>
  <option disabled>2</option>
  <option>3</option>
  <option disabled>4</option>
  <option>5</option>
  <option>6</option>
</select>