HTML DOM Select 对象(html select获取值)

yumo6666个月前 (04-30)技术文章51

Select 对象

Select 对象代表 HTML 表单中的一个下拉列表。

在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建。

您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById()。

Select 对象集合

W3C: W3C 标准。

集合描述W3C
options返回包含下拉列表中的所有选项的一个数组。Yes

Select 对象属性

属性描述W3C
disabled设置或返回是否应禁用下拉列表。Yes
form返回对包含下拉列表的表单的引用。Yes
length返回下拉列表中的选项数目。Yes
multiple设置或返回是否选择多个项目。Yes
name设置或返回下拉列表的名称。Yes
selectedIndex设置或返回下拉列表中被选项目的索引号。Yes
size设置或返回下拉列表中的可见行数。Yes
type返回下拉列表的表单类型。Yes

Select 对象方法

方法描述W3C
add()向下拉列表添加一个选项。Yes
remove()从下拉列表中删除一个选项。Yes

标准属性和事件

Select 对象同样支持标准的 属性 和 事件。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

相关文章

前端入门——html 表单(炫酷的前端表单和表格)

前言前面已经学习相关html大部分知识,基本上可以制作出简单的页面,但是这些页面都是静态的,一个网站如果要实现用户的互动交流,这时表单就起到关键的作用,表单的用途很多,它主要用来收集用户的相关信息,是...

AI驱动的表单自动填写(ai表格插件)

我们都同意,填写表格是一项枯燥且耗时的任务。如果我们可以创建一个可以为我们填写表格的 AI 助手,让我们将时间投入到更有建设性的任务中,那会怎样?AI 助手将能够通过调用以表单字段为参数的函数来填写表...

HTML表单验证库SMValidator(form表单验证)

SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式,可以立即或手动触发验证,独立显示每条规则的信息,可自定义表单或信息容器的样式。目前minif...

TypeScript 终极初学者指南(typescript ?)

在过去的几年里 TypeScript 变得越来越流行,现在许多工作都要求开发人员了解 TypeScript,各大厂的大型项目基本都要求使用 TypeScript 编写。下面是我整理的一些初学者必备的一...