手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript select下拉框操作常用方法
Javascript select下拉框操作常用方法
摘要:复制代码代码如下:functionAddDropDownList(id,fatherCtl){if(!document.getElement...

复制代码 代码如下:

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 select下拉框操作常用方法】相关文章:

javascript中一些util方法汇总

JavaScript检测字符串中是否含有html标签实现方法

在JavaScript中使用NaN值的方法

javascript中DOM复选框选择用法实例

JavaScript实现点击文字切换登录窗口的方法

Javascript实现每日自动换一张图片的方法

javascript中FOREACH数组方法使用示例

Javascript 高阶函数使用介绍

JavaScript实现表格点击排序的方法

JavaScript实现DIV层拖动及动态增加新层的方法

精品推荐
分类导航