欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Javascript select下拉框操作常用方法

程序员文章站 2023-11-29 14:35:40
复制代码 代码如下:function adddropdownlist(id,fatherctl) { if(!document.getelementbyid(id)) {...
复制代码 代码如下:

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