HTML DOM Select 对象

Select 对象

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

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

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

IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.

Select 对象集合

集合 描述 IE F O W3C
options[] 返回包含下拉列表中的所有选项的一个数组。 4 1 9 Yes

Select 对象属性

属性 描述 IE F O W3C
disabled 设置或返回是否应禁用下拉列表。 5 1 9 Yes
form 返回对包含下拉列表的表单的引用。 4 1 9 Yes
id 设置或返回下拉列表的 id。 4 1 9 Yes
length 返回下拉列表中的选项数目。 4 1 9 Yes
multiple 设置或返回是否选择多个项目。 4 1 9 Yes
name 设置或返回下拉列表的名称。 4 1 9 Yes
selectedIndex 设置或返回下拉列表中被选项目的索引号。 4 1 9 Yes
size 设置或返回下拉列表中的可见行数。 4 1 9 Yes
tabIndex 设置或返回下拉列表的 tab 键控制次序。 5 1 9 Yes
type 返回下拉列表的表单类型。 4 1 9 Yes

标准属性

属性 描述 IE F O W3C
className 设置或返回元素的 class 属性。 5 1 9 Yes
dir 设置或返回文本的方向。 5 1 9 Yes
lang 设置或返回元素的语言代码。 5 1 9 Yes
title 设置或返回元素的 title 属性。 5 1 9 Yes

Select 对象方法

方法 描述 IE F O W3C
add() 向下拉列表添加一个选项。 4 1 9 Yes
blur() 从下拉列表移开焦点。 4 1 9 Yes
focus() 在下拉列表上设置焦点。 4 1 9 Yes
remove() 从下拉列表中删除一个选项。 4 1 9 Yes

Select 对象事件句柄

事件句柄 描述 IE F O W3C
onchange 当改变选择时调用的事件句柄。 4 1 9 Yes
时间: 2024-08-02 10:43:27

HTML DOM Select 对象的相关文章

浏览器端-W3School-HTML:HTML DOM Select 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Select 对象 1.返回顶部 1. HTML DOM Select 对象 Select 对象 Select 对象代表 HTML 表单中的一个下拉列表. 在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建. 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById(). Select 对象集合 集合 描述

Jsoup代码解读之二-DOM相关对象

Jsoup代码解读之二-DOM相关对象 之前在文章中说到,Jsoup使用了一套自己的DOM对象体系,和Java XML API互不兼容.这样做的好处是从XML的API里解脱出来,使得代码精炼了很多.这篇文章会说明Jsoup的DOM结构,DOM的遍历方式.在下一篇文章,我会并结合这两个基础,分析一下Jsoup的HTML输出功能. DOM结构相关类 我们先来看看nodes包的类图: 这里可以看到,核心无疑是Node类. Node类是一个抽象类,它代表DOM树中的一个节点,它包含: 父节点parent

DOM常用对象

一.select对象 HEML中的下拉列表 属性: 1.options 获得当前select下所有option 2.options[i] 获得当前select下i位置的option 3.selectedIndex 获得当前选中的option的下标 4.size 设置或返回下拉列表中的可见行数. 5.length 返回下拉列表中的选项数目. 6.multiple 设置或返回是否选择多个项目. 7.id 设置或返回下拉列表的 id. 8.name 设置或返回下拉列表的名称. 方法: 1.add(新o

DOM创建和删除节点、HTML DOM常用对象[转]

创建和删除节点:——核心DOM   1. 创建单个元素节点:3步:      1. 创建空元素节点对象:         var elem=document.createElement("标签名");        比如: var a=document.createElement("a");          html: <a></a>      2. 设置新元素的关键属性:        比如: a.href="http://tm

解析DOM节点对象的属性

1.文档对象模型(DOM) 定义:允许程序和脚本访问.更改文档内容.样式和结构.它是平台无关的,意味着可以在任何计算机上使用它.它是语言无关的,以为着它能够交换客户机和服务器之间的信息,而不管任意一边使用什么语言. 2.DOM节点 DOM把HTML(或XML)文档视为一颗或者一组数(是指结构类似),也就是有一个顶层和多个构成子层的分支,并且每个子层又有分支和更多子层,顶层是文档(document),而文档的根元素是<html>. 3.节点对象属性 DOM节点对象的属性 属性 方法 childN

HTML DOM Event对象

我们通常把HTML DOM Event对象叫做Event事件 事件驱动模型 事件源:(触发事件的元素)事件源对象是指event对象 其封装了与事件相关的详细信息. 当事件发生时,只能在事件函数内部访问的对象 处理函数结束后会自动销毁 事件流:当页面元素触发事件的时候, 该元素的容器以及整个页面都会按照特定的顺序响应该元素的触发事件 事件传播的顺序叫做事件流. 事件分类:鼠标事件,键盘事件,表单事件,页面事件 我这里主要列举鼠标事件的: 1.鼠标事件: var btnNum = event.but

HTML DOM Window对象

本篇主要介绍HTML DOM Window对象的属性和方法. 目录 1.介绍:描述HTML DOM Window对象. 2.属性:介绍window对象的属性.如:对Console.Document.History.Location和Navigator对象的引用. 3.方法:介绍window对象的方法.如:获取焦点.改变滚动条.设置定时器等等. 1. 介绍 Window对象表示浏览器打开的窗口.标签或者框架(若当前页面里包含多个iframe,会为每个iframe创建Window对象). Windo

[ jquery 方法 get(index) ] 可以将取得的相应jquery对象和DOM元素对象进行转化

取得其中一个匹配的元素:index表示取得第几个匹配的元素,这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数.$(this).get(0)与$(this)[0]等价, 这段话的意思就是可以将jquery对象和DOM元素对象进行转化 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta htt

DOM元素对象的属性和方法(1)

一.accessKey() 作用:获取元素焦点快捷键:设置快捷键后,使用Alt+快捷键,让元素快速获得焦点, <!DOCTYPE html> <html> <head> <title>element.accesskey</title> <meta charset="utf-8"> </head> <body> <input type="text" id="