首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网络编程
>
Javascript
> js select 控制实现代码
Javascript
js 方法实现返回多个数据的代码
Ext 表单布局实例代码
javascript document.referrer 用法
JavaScript 字符编码规则
JS 动态加载脚本的4种方法
jQuery textarea的长度进行验证
jQuery select的操作实现代码
jQuery 1.2.x 升級 1.3.x 注意事项
关于viewport,Ext.panel和Ext.form.panel的关系
日期 时间js控件
JavaScript的parseInt 进制问题
javascript 有用的脚本函数
javascript 两个字符串比较函数
javascript 代码运行器
js arguments.callee的应用代码
JavaScript Table排序 2.0 (更新)
给Function做的OOP扩展
<script defer> defer 是什么意思
FF和IE之间7个JavaScript的差异
javascript获取当前ip的代码
No.
«
‹
135
136
137
138
›
»
技术文章搜索
关键字
Javascript 中的 js select 控制实现代码
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 308 ::
收藏到网摘: n/a
javaScript 读取和设置文档元素的样式属性
javascript 类方法定义还是有点区别
用js控制select的一些比较不错的功能。 实现代码:
复制代码
代码如下:
<select id=test11 size=5 style="width:50px"></select>
<select id="test" style="width:50px"></select>
<button onclick='test[test.length]=new Option("1","12");'>同时添加text和value</button>
<button onclick='test.insertBefore(document.createElement("option")).innerText="2";'>对text操作</button> <button onclick='test.appendChild(document.createElement("option")).setAttribute("value","3");'>对value操作</button>
<button onclick="alert(test.outerHTML)">view</button>
<button onclick="test.removeChild(test.children[0])">del1</button>
<button onclick="test.firstChild.removeNode()">del2</button>
<button onclick="test[0]=null">del3</button>
效果演示:
点击运行可以看到效果:
同时添加text和value
对text操作
对value操作
view
del1
del2
del3
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
javaScript 读取和设置文档元素的样式属性
javascript 类方法定义还是有点区别
评论 (0)
All
登陆
还没注册?