Javascript操作下拉框的常用方法
原文：刘武
| Javascript操作下拉框的常用方法
项目中碰到需要用javascript操作下拉框的情况，顺便做一下总结，列出一些常用方法，以下方法均在FIRFOX3.5及IE8上测试过，如有其他浏览器无法正常运行的请与笔者联系。
//添加一个下拉框
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 程序员，就必须理解闭包。
本文结合 ECMA 262 规范详解了闭包的内部工作机制，让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中，真正领会到闭包的实质。
原文链接：JavaScript C ......
JavaScript 全局变量是其实是指:上下文环境 Window下的对象属性
JavaScript作用域是基于上下文,是以函数进行划分的，而不是由块（block）划分的
JavaScript允许变量的重复定义,并且后一个定义将覆盖前一个定义,如果后一个变量是局部变量也会覆盖前一个全局变量
以下是一个例子:
<scri ......
首先你要搞清楚一件东西，就是JAVA JAVASCRIPT除了长的象以外没有一样的地方，JAVA是依赖于JAVA虚拟机运行的一种面向对象的强类型语言，JAVASCRIPT是依赖于浏览器的一种若类型语言
javascrip和css是嵌套在asp语言中的
总之，顺序就是：
静态网页制作：html
网页三剑客 ......
冒泡型事件 事件发生由内而外
可以对时间传递函数以应对动作的促发
oP.attachEvent("onclick",fnClick); 对对象增加一个监听函数，同一个对象可以监听相同事件对应不同的事件处理函数 执行顺序后优先 oP.detachEvent("onclick",fnClick);删除监听 适合用� ......
页面：
<script type="text/javascript" src="js/test.js"></script>
。。。。
<body onload="new myTest();" >
以对象方式调用需要使用 new 操作符，test.js的内容:
{ & ......
