Javascript select下拉框操作常用方法


Posted in Javascript onNovember 09, 2009
function AddDropDownList(id,fatherCtl) 
{ 
if(!document.getElementById(id)) 
{ 
var ddl = document.createElement('select'); 
ddl.setAttribute("id",id); 
if(fatherCtl&&document.getElementById(fatherCtl)) 
document.getElementById(fatherCtl).appendChild(ddl); 
else 
document.body.appendChild(ddl); 
} 
} 
//删除指定的下拉框 
function RemoveDropDownList(id) 
{ 
var ctl = document.getElementById(id); 
if(ctl) 
ctl.parentNode.removeChild(ctl); 
} 
//给下拉框添加选项 
function AddDDDLOption(id,text,value) 
{ 
var ctl = document.getElementById(id); 
if(ctl) 
{ 
ctl.options[ctl.options.length] = new Option(text,value); 
} 
} 
//删除所有选项 
function RemoveAllDDLOptions(id) 
{ 
var ctl = document.getElementById(id); 
if(ctl) 
{ 
ctl.options.length=0; 
} 
} 
//删除指定索引的选项 
function RemoveDDLOption(id,index) 
{ 
var ctl=document.getElementById(id); 
if(ctl && ctl.options[index]) 
{ 
ctl.options[index]=null; 
} 
} 
//获取下拉框选择的值 
function GetDDLSelectedValue(id) 
{ 
var ctl = document.getElementById(id); 
if(ctl) 
{ 
return ctl.options[ctl.selectedIndex].value; 
} 
} 
//获取下拉框选择的文本 
function GetDDLSelectedText(id) 
{ 
var ctl = document.getElementById(id); 
if(ctl) 
{ 
return ctl.options[ctl.selectedIndex].text; 
} 
}
Javascript 相关文章推荐
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
Jun 20 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
js仿微博动态栏功能
Feb 22 Javascript
jQuery实现遍历复选框的方法示例
Mar 06 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
JS实现长图上下滚动效果
Mar 19 Javascript
输入框跟随文字内容适配宽实现示例
Aug 14 Javascript
页面中js执行顺序
Nov 09 #Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 #Javascript
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 #Javascript
JQuery 图片延迟加载并等比缩放插件
Nov 09 #Javascript
让Firefox支持event对象实现代码
Nov 07 #Javascript
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 #Javascript
JavaScript 变量基础知识
Nov 07 #Javascript
You might like
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
用来解析.htgroup文件的PHP类
2012/09/05 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
php生成图形(Libchart)实例
2013/11/06 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
PHP ADODB实现事务处理功能示例
2018/05/25 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
PHP配合fiddler抓包抓取微信指数小程序数据的实现方法分析
2020/01/02 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
2015/08/24 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
js实现图片淡入淡出切换简易效果
2016/08/22 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
2016/09/05 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
使用webpack4编译并压缩ES6代码的方法示例
2019/04/24 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
Python translator使用实例
2008/09/06 Python
python实现class对象转换成json/字典的方法
2016/03/11 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
python模拟菜刀反弹shell绕过限制【推荐】
2019/06/25 Python
经济信息管理专业大学生求职信
2013/09/27 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
农村党员干部承诺书
2015/05/04 职场文书