选择菜单 - 选择属性 - HTML

Question

有没有一种方法可以将selected="selected"设置为selected="notselected"或类似的内容。我尝试过selected="false"，但它似乎没有起作用。

感谢您提供的所有答案。

- The Beast

---

这就像是一个选择标签。它类似于单选按钮组，但在这种情况下，选项是单选按钮。每次只能选择其中一个。因此，如果您将其中一个设置为选定状态，则先前的选择会自动取消选择。有一种特殊情况，即当选择标签具有多重选择设置时，这种情况不会发生，此时您可以选择1个或多个选项。 - T04435

这个回答解决了您的问题吗？HTML5中，布尔属性是什么意思？(https://dev59.com/yG855IYBdhLWcg3wy3oc) - miken32

Answer 1

您可以使用一点jQuery轻松完成它。请查看演示jsfiddleDemo

标记：

<select multiple="multiple" name="remaintextarea" id="studentremain" size="10">
 <option value="one">One</option>
 <option value="two">Two</option>
 <option value="three">Three</option>
</select>
<button type='button' id='selectall'>Select All</button>
<button type='button' id='deselectall'>De-Select All</button>

JS:

$('#selectall').click(function() {
$('#studentremain > option').attr("selected", "selected");
});   

$('#deselectall').click(function() {
$('#studentremain > option').removeAttr("selected");
 });

- Chonchol Mahmud

Answer 2

只需不为您不想选择的选项指定selected属性：

 <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select> 

- Sean Cox

---

在上面的代码中，Audi将是所选的选项。如果您将所选内容移动到其他选项之一，则该选项将被选中。 - Sean Cox

Answer 3

这可能有所帮助

  <select>
  <option disabled selected> -- select an option -- </option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  </select>

- jmr333

---

默认情况下将显示选项，但如果您选择了一个选项，则无法再次选择它。 - jmr333

禁用将使其不再被选中，是吗？ - The Beast

禁用将不允许用户在点击其他选项后选择该选项。阅读问题的注释，您会更好地了解情况。 - T04435

Answer 4

您在html中使用selected属性，那么它将选择您添加的已选项，就像这样：

<option value="bike" selected></option>

- user5520805