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 相关文章推荐
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
json的前台操作和后台操作实现代码
Jan 20 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
详解微信小程序开发之下拉刷新 上拉加载
Nov 24 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
原生js实现可拖拽效果
Feb 28 Javascript
JS触摸事件、手势事件详解
May 04 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
js getBoundingClientRect使用方法详解
Jul 17 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 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
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
PHP-FPM 的管理和配置详解
2019/02/17 PHP
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
2016/08/11 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
vue引入axios同源跨域问题
2018/09/27 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
python3实现简单飞机大战
2020/11/29 Python
利用CSS3的transform做的动态时钟效果
2011/09/21 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
Nike香港官网:Nike HK
2019/03/23 全球购物
西式婚礼证婚词
2014/01/12 职场文书
军训学生自我鉴定
2014/02/12 职场文书
干部现实表现材料
2014/02/13 职场文书
119消防日活动总结
2014/08/29 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
水电工程师岗位职责
2015/02/13 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
2019年员工晋升管理制度范本!
2019/07/08 职场文书
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle