当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Javascript select下拉框操作常用方法

Javascript select下拉框操作常用方法

2019年07月19日  | 移动技术网IT编程  | 我要评论
复制代码 代码如下:

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;
}
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网