首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网络编程
>
Javascript
> js select 控制实现代码
Javascript
vml圆角矩形最简布局
DOM精简教程
[换皮肤程序]一个比较使用的脚本程序
JS中style属性
Google Suggest ;-) 基于js的动态下拉菜单
jQuery 1.0.2
PJ Blog插件-防刷新的在线播放器
使javascript也能包含文件
Dron右键菜单 v1.0
HTML里select的CSS样式的改变
仿Google和Windows Live的拖拽
"好玩的放大镜效果" 的另一种实现方法
xWin之JS版
bcastr2.0 通用的图片浏览器
addRule在firefox下的兼容写法
JS日历 推荐
用脚本调用样式的几种方法
不错的新闻标题颜色效果
用JavaScript获取网页中的js、css、Flash等文件
用js+xml自动生成表格的东西
No.
«
‹
199
200
201
202
›
»
技术文章搜索
关键字
Javascript 中的 js select 控制实现代码
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 326 ::
收藏到网摘: 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
登陆
还没注册?