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代码
Sep 17 Javascript
JavaScript 拾漏补遗
Dec 27 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
JavaScript利用append添加元素报错的解决方法
Jul 01 Javascript
javascript常用代码段搜集
Dec 04 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 Javascript
Validform表单验证总结篇
Oct 31 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
在vue中通过axios异步使用echarts的方法
Jan 13 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
function.inc.php超越php
2006/12/09 PHP
用php实现让页面只能被百度gogole蜘蛛访问的方法
2009/12/29 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
php object转数组示例
2014/01/15 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
jQuery+jqmodal弹出窗口实现代码分明
2010/06/14 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
超精准的javascript验证身份证号的具体实现方法
2015/11/18 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
Javascript动画效果(2)
2016/10/11 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
[02:17]TI4西雅图DOTA2前线报道 啸天mik夫妻档解说
2014/07/08 DOTA
整理Python最基本的操作字典的方法
2015/04/24 Python
Python实现批量检测HTTP服务的状态
2016/10/27 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
解决django后台管理界面添加中文内容乱码问题
2019/11/15 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
使用Python实现音频双通道分离
2020/12/25 Python
css3 2D图片转动样式可以扩充到Js当中
2014/04/29 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
EJB的基本架构
2016/09/22 面试题
土木工程实习生自我鉴定
2013/09/19 职场文书
有趣的广告词
2014/03/18 职场文书
法人代表委托书
2014/04/04 职场文书
目标管理责任书
2014/04/15 职场文书
小学英语课后反思
2014/04/26 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
十八大观后感
2015/06/12 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书