HTML 参考手册 目录

HTML <option> value 属性

在 HTML 中,

value 属性的作用

value 属性用于为

使用示例

下面是一个简单的下拉菜单示例,其中包含三个选项,分别使用了不同的 value 值:

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

在这个示例中,用户可以从下拉菜单中选择一个选项,每个选项的值分别为1、2和3。

使用 JavaScript 获取选中值

通过 JavaScript,我们可以轻松地获取用户选择的选项的值。以下是一个简单的示例:

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

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

在这个示例中,我们首先获取了 id 为 "mySelect" 的下拉菜单元素,然后通过访问其 value 属性来获取当前选中的选项的值,并将其打印到控制台中。

总结

通过使用 value 属性,我们可以为每个选项指定一个特定的值,方便在提交表单或者进行 JavaScript 操作时使用。记得在开发过程中合理使用 value 属性,以确保数据的准确性和一致性。


下一篇:HTML 标签列表(字母排序)