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高级拖动技术 setCapture,releaseCapture
Jul 31 Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
详解js前端代码异常监控
Jan 11 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
页面中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代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
利用PHP扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
代码生成器 document.write()
2007/04/15 Javascript
网页中的图片的处理方法与代码
2009/11/26 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
详解Vue2的diff算法
2021/01/06 Vue.js
Python ljust rjust center输出
2008/09/06 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
python的flask框架难学吗
2020/07/31 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
致百米运动员广播稿
2014/01/29 职场文书
辩论赛主持词
2014/03/18 职场文书
爱祖国演讲稿
2014/05/04 职场文书
十佳家长事迹材料
2014/08/26 职场文书
党员批评与自我批评材料
2014/10/14 职场文书
地球一小时活动总结
2015/02/27 职场文书
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python