JavaScript 参考手册 目录

Option selected 属性

在 HTML 的 <select> 元素中,我们经常会使用 <option> 元素来创建下拉选项。其中,<option> 元素有一个 selected 属性,用来指定该选项是否默认被选中。在本文中,我们将探讨如何使用 selected 属性来控制下拉选项的默认选择以及一些相关的注意事项。

基本语法

下面是一个基本的 <select> 元素和几个 <option> 元素的示例。我们将通过设置 selected 属性来指定默认选中的选项。

--------
  ------- ---------------- ----------
  ------- --------- --------------- ----------
  ------- ---------------- ----------
---------

在上面的示例中,Option 2 的 selected 属性被设置为 true,因此它将成为默认选中的选项。

多选下拉列表

对于多选下拉列表,可以设置多个 <option> 元素的 selected 属性来指定默认选中的选项。请注意,对于多选下拉列表,用户可以同时选择多个选项。

------- ---------
  ------- --------- --------------- ----------
  ------- --------- --------------- ----------
  ------- ---------------- ----------
---------

在上面的示例中,Option 1 和 Option 2 都被设置为默认选中的选项。

JavaScript 控制选项选择

除了在 HTML 中直接设置 selected 属性外,我们还可以使用 JavaScript 动态地控制选项的选择。下面是一个示例,演示如何使用 JavaScript 将选项设置为默认选中。

------- --------------
  ------- ---------------- ----------
  ------- ---------------- ----------
  ------- ---------------- ----------
---------

--------
  ----------------------------------------- - ----
---------

在上面的示例中,我们使用 JavaScript 代码将 id 为 "mySelect" 的下拉列表的值设置为 "2",从而使 Option 2 成为默认选中的选项。

注意事项

  • 如果多个选项都设置了 selected 属性,只有第一个会被默认选中。
  • 当用户在下拉列表中进行选择时,selected 属性会动态地改变。
  • 当用户提交表单时,选中的选项的值会被发送到服务器。

通过本文的学习,你应该对如何使用 selected 属性来控制下拉选项的默认选择有了更深入的了解。希最本文对你有所帮助!


下一篇:概览