- 浏览: 2608977 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
DOM Select对象
---- 代表HTML表单中的一个下拉框
<select>标签每出现一次,一个Select对象就会被创建。
举例参考:
<select id="test"> <option value="0">1000</option> <option value="1">2000</option> <option value="2">3000</option> <option value="3">4000</option> </select>
Select对象属性:
- length ------ 返回下拉框列表的选项数目。
document.getElementById('test').length; //4
- multiple -------设置或返回是否选择多个项目
<select id="test" multiple> </select> //或者用js去设置 document.getElementById('test').multiple = true;
Select对象集合
------options 返回包含下拉框列表中所有选项的一个数组
var el = document.getElementById('test'); var str =""; for(var i=0;i<el.length;i++){ //访问el.options这个[] str += el.options[i].text; str += ' ' } console.log(str); //1000 2000 3000 400
Select对象方法
- add ---- 向下拉框添加一个选项
/* @param option 必需 要添加的选项元素 @param before */ selectObj.add(option,before);
举例:
var test = document.getElementById('test'); var y = document.createElement('option'); y.text = '新建的选项'; try{ test.add(y,null); }catch(e){ test.add(y); //IE }
- remove -----从下拉框列表删除选项
/* @index 必需。删除的选项的索引号 如果下标比0小或者大于或等于选项的数目,则忽略remove操作 */ selectObj.remove(index);
举例:
//删除选中的option var test = document.getElementById('test'); test.remove(test.selectedIndex); //删除最后一个 test.remove(test.length-1);
发表评论
-
js之左移运算
2014-08-25 20:09 1321左移运算: >> 把 ... -
console.trace()
2014-08-21 20:27 1013console.trace(): 追 ... -
js里面的~~
2014-08-16 19:59 1186记录一下js里面的 ~~: ... -
javascript的~ 运算符
2014-05-08 20:53 1198最近一直看到代码出现 ~ 位运算符 ... -
scrollIntolView
2014-03-14 08:47 1086scrollIntoView: 滚动 ... -
console的新玩法
2013-10-29 14:57 1173先看一段代码: consol ... -
Function与Object
2013-10-21 16:20 1300先看一段代码: Function in ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
ES6系列之Number
2013-08-01 11:17 0本文记录一下es6中Number相关的方法: ... -
基础之localeCompare
2013-07-26 18:29 1477本文简单记录一下localeCompare,部分 ... -
如何获取表格的所有行
2013-07-26 20:23 1445一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1242getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1469前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1167contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1468在IE中,鼠标移入移出某元素,触发: ... -
说说[]
2013-05-08 16:12 1278前言: 本文来自Snandy的 ... -
说说delete
2013-05-07 11:23 0var 声明的变量无法删除掉 var ... -
hasParent的设计
2013-05-03 18:07 1317场景: 判断指定的元素 ... -
多搞搞函数呗
2013-04-17 10:52 0本文简单介绍几种常见函数定义的方式: ... -
计算两点之间的角度
2013-04-12 17:13 0本文解决一个需求:计算两点之间的角度! ...
相关推荐
DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM Document DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Event DOM Form DOM Frame DOM Frameset DOM IFrame ...
### Jquery 操作 Dom 标签 Select 在前端开发中,使用 jQuery 操作 DOM 元素是非常常见的需求之一。特别是对于表单元素如 `select`、`radio` 和 `checkbox` 的操作,更是频繁出现。下面我们将详细介绍如何使用 ...
在这个场景中,"DOM Select工具类"指的是一个JavaScript库或者函数集合,专门用于简化DOM元素的选择和操作。 在JavaScript中,我们通常使用`document.getElementById`、`document.getElementsByTagName`、`document...
<select id=university> 北京大学>北京大学 ...1.获取select对象; var university=document.getElementById(university); 2.获取select选中option的index值; var index=university.selectedIndex;
//得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子:取得ID名称 form.on('...
DOM中常见的对象包括Select、Option、Table、TableRow、TableCell等,这些对象有着特定的属性和方法,比如Select对象的选项数、Option对象的文本和值、Table对象的行和列操作等。 2. BOM模型(浏览器对象模型) BOM...
Select对象的`options`属性可以访问其包含的所有Option元素,`selectedIndex`和`value`属性分别用于获取或设置选中项的索引和值。在HTML中,我们可以为Select元素添加onChange事件,如示例所示,当选项改变时,`...
jQuery是一款强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画制作等任务。在"cool的JQuery自定义select"中,jQuery被用来动态地控制和展示select元素。这个插件通过CSS样式和JavaScript功能,将...
- `data.elem` 获取select的原始DOM对象。 - `data.value` 获取被选中的值。 #### 查看layui源码 - **触发select事件**: 通过查看layui的源码,了解select事件的实现原理。 - 找到select元素之后的div.layui-...
3.5.1 DOM2 HTML 的HTMLDocument对象 3.5.2 DOM2 HTML 的HTMLElement对象 3.6 实例:将手工HTML代码转换为DOM代码 3.6.1 DOM生成工具的HTML文件 3.6.2 使用示例HTML片段进行测试 3.6.3 ...
这通常涉及到DOM操作,包括获取`select`元素、遍历其所有`option`子元素,然后根据输入的关键词进行匹配,显示或隐藏匹配的选项。这种方式需要对HTML、CSS和JavaScript有较深入的理解,并且工作量相对较大。 2. **...
* @param tiggle 展开事件 [*click | mouseover | 其他dom事件] * @return object 返回对象本身 * @disription 节点(html)内部自定义属性说明 * selected 默认选中[等同于option selected] * r-value 值[等同于...
可以通过JSON对象或服务器接口获取联动数据,然后动态生成和更新`select`选项。同时,可以考虑使用插件如`select2`来增强`select`元素的样式和功能。 综上所述,jQuery实现的select互斥联动是一种常见的前端交互...
5. **转换为DOM对象**:DOM4J可以将XML文档转换为DOM对象,反之亦然,这为使用DOM4J和其他基于DOM的库之间的互操作提供了便利。 ### 二、DOM4J的使用场景 1. **配置文件处理**:许多Java应用的配置信息存储为XML...
4. **配置**:可以通过设置配置对象来定制Select2的行为,如设置搜索延迟、数据源等。 5. **AJAX集成**:在描述中提到了"使用Select2 ajax",这意味着Select2可以动态从服务器获取选项,通过设置`ajax`选项,可以...
它不仅实现了DOM(Document Object Model)接口,还引入了基于事件的SAX(Simple API for XML)解析方式和面向对象的模型,使得开发者在处理XML时能更直观和方便。 2. **DOM4J的三大jar文件** - `dom4j-2.1.0.jar`...
而`el_set_value(obj)`则是用于改变Select的选中值,这个函数可能内部会处理DOM操作,找到对应的选项并设置为选中状态。 要实现这样的模拟,我们需要考虑以下关键点: 1. **结构**:创建一个HTML结构,包含一个...
// 将select元素添加到DOM document.body.appendChild(select); ``` 5. **事件监听**:根据需要,还可以添加事件监听器,如`change`事件,以便在用户选择选项时执行某些操作。 6. **页面布局**:在`autoSelect....