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 相关文章推荐
textContent在Firefox下与innerText等效的属性
May 12 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
js控制div及网页相关属性的代码
Dec 19 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
Jun 06 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
完美实现js拖拽效果 return false用法详解
Jul 28 Javascript
详解JS构造函数中this和return
Sep 16 Javascript
layui use 定义js外部引用函数的方法
Sep 26 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 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
收音机频率指针指示不准确和灵敏度低问题
2021/03/02 无线电
sourcesafe管理phpproj文件的补充说明(downmoon)
2009/04/11 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
ThinkPHP之getField详解
2014/06/20 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
YII2自动登录Cookie总是失效的解决方法
2017/06/28 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
php获取微信openid方法总结
2019/10/10 PHP
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
bootstrap常用组件之头部导航实现代码
2017/04/20 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
JS实现电话号码的字母组合算法示例
2019/02/26 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
python 解决函数返回return的问题
2020/12/05 Python
CSS3支持IE6, 7, and 8的边框border属性
2012/12/28 HTML / CSS
HTML5中微数据概述及在搜索引擎中的使用举例
2013/02/07 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
销售工作岗位职责
2013/12/24 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
财务会计专业自荐书
2014/06/30 职场文书
美术专业自荐信
2014/07/07 职场文书
建国大业电影观后感
2015/06/01 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书