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

yumo6663个月前 (04-30)技术文章21

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+JS 实现手机号码归属地查询功能

手机号码归属地 API 是一种提供号码归属地信息的接口,它通过与运营商和电信数据库交互,根据手机号码查询相关归属地信息并返回结果。通过使用手机号码归属地API,开发者可以轻松地集成号码归属地查询功能到...

html,fix固定写法,固定上方(html固定定位语法)

要实现一个搜索框始终固定在页面顶部,无论用户如何滚动页面,可以使用CSS的position: fixed;属性。fixed定位会使元素相对于浏览器窗口定位,而不是相对于父元素。这使得元素在页面滚动时保...

快速了解JavaScript的表单操作(js实现表单)

前言在 HTML 中使用 <form> 表单元素在 JavaScript 中对应的是 HTMLFormElement 类型,而HTMLFormElement继承了HTMLElement接口...

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

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

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

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

HTML的表单(HTML的表单中保存分类标签tag)

表单标签的作用<form>标签及其属性<from></form>标签对用来创建一个表单,即定义表单的开始和结束位置,<form>标签具有下面等属性。ac...