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

yumo66610个月前 (04-30)技术文章83

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

阿里开源可跨组件体系的表单配置生成方案,淘宝、天猫都在使用

FormRender通过 JSON Schema 生成标准 Form,常用于自定义搭建配置界面生成如上图,使用 shema 编辑器可实现低上手成本、快速搭建支持 Ant Design 和 Fusion...

【20201119】登录页面模板的制作(登录页面怎么写)

介绍介绍前面我们以及学会了Bootstrap框架和jQuery库的基本使用方法,并且已经把这两个软件包整合到了我们的TFPHP框架里面,接下来我们就可以使用它们去制作用户管理系统的视图模板了。用户管理...

HTML表单number和range高级元素的使用

number类型元素number属性提供了一个输入数字的输入类型,用户可以直接输入数字,或者通过单击微调框中的向上或者向下按钮选择数字。 代码格式如下。<input type="numb...

一个用Markdown来设计HTML表单的小工具

大家好,我是TJ关注TJ君比较久的读者应该知道,我是一名后端开发。对于前端知识是比较零碎的,所以很多时候写表单这样的工作,一般就是复制黏贴,然后改改字段。对于HTML格式,一直觉得比较杂乱,不够简洁。...

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

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