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实现动画打开半透明提示层的方法
Apr 21 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
简单学习vue指令directive
Nov 03 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
May 27 Javascript
Node.js成为Web应用开发最佳选择的原因
Feb 05 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
详解JavaScript实现动态的轮播图效果
Apr 29 Javascript
JS实现超级好看的鼠标小尾巴特效
Dec 01 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 获取全局变量的代码
2011/04/21 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
select组合框option的捕捉实例代码
2008/09/30 Javascript
javascript 得到变量类型的函数
2010/05/19 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
2014/07/02 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
详解JS面向对象编程
2016/01/24 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
详解Vue之计算属性
2020/06/20 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
[04:17]DOTA2完美盛典,rOtk、BurNIng携手巴图演唱《倔强》
2017/11/28 DOTA
[02:08]2018年度CS GO枪械皮肤设计大赛优秀作者-完美盛典
2018/12/16 DOTA
Python可变参数用法实例分析
2017/04/02 Python
Python 查看文件的编码格式方法
2017/12/21 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
让你的Python代码实现类型提示功能
2019/11/19 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
极简鞋类,赤脚的感觉:Lems Shoes
2019/08/06 全球购物
高中生校园生活自我评价
2013/09/19 职场文书
语文教学随笔感言
2014/02/18 职场文书
餐饮投资计划书
2014/04/25 职场文书
python执行js代码的方法
2021/05/13 Python
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
JavaScript 反射学习技巧
2021/10/16 Javascript