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方法和技巧大全
Dec 27 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
Jul 31 Javascript
微信小程序登陆注册功能的实现代码
Dec 10 Javascript
three.js 利用uv和ThreeBSP制作一个快递柜功能
Aug 18 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
PHP4实际应用经验篇(3)
2006/10/09 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
php中文验证码实现方法
2015/06/18 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
UpdatePanel和Jquery冲突的解决方法
2013/04/01 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
2014/06/23 Javascript
Jquery网页内滑动缓冲导航的实现代码
2015/04/05 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
2015/12/12 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
javascript如何用递归写一个简单的树形结构示例
2017/09/06 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
中医药大学市场营销专业自荐信
2013/09/29 职场文书
高二历史教学反思
2014/01/25 职场文书
珠宝店促销方案
2014/03/21 职场文书
工作检讨书怎么写
2014/10/10 职场文书
财务工作检讨书
2014/10/29 职场文书
2014年班组长工作总结
2014/11/20 职场文书
办公室年度工作总结2015
2015/05/21 职场文书
光荣之路观后感
2015/06/12 职场文书
新年寄语2016
2015/08/17 职场文书
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技