Javascript select下拉框操作常用方法_Javascript教程-查字典教程网
Javascript select下拉框操作常用方法
Javascript select下拉框操作常用方法
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下: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教程学习
    热门Javascript教程学习
    编程开发子分类