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 相关文章推荐
html中的input标签的checked属性jquery判断代码
Sep 19 Javascript
jQuery模拟超链接点击效果代码
Apr 21 Javascript
使用js在页面中绘制表格核心代码
Sep 16 Javascript
Checbox的操作含已选、未选及判断代码
Nov 07 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
Bootstrap 模态框实例插件案例分析
Dec 28 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
Feb 20 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
基于vue实现圆形菜单栏组件
Jul 05 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/12/29 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
PHP获取文件行数的方法
2015/06/10 PHP
PHP随机数 C扩展随机数
2016/05/04 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
vue组件name的作用小结
2018/05/23 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
js实现全选和全不选
2020/07/28 Javascript
深入理解Python中字典的键的使用
2015/08/19 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Django发送邮件功能实例详解
2019/09/02 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
python怎么判断模块安装完成
2020/06/19 Python
2014年教师思想工作总结
2014/12/03 职场文书
教育教学工作反思
2016/02/24 职场文书
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js