您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JS对select控件option选项的增删改查示例代码

2025/8/6 19:15:03发布23次查看
javascript 操作select是表单中常见的一种,下面介绍几种常用的js动态操作select中的各种方法:
// javascript document
//动态创建select 
function createselect() 

var myselect = document.createelement(select); 
myselect.id = myselect; 
document.body.appendchild(myselect); 
}
//添加选项option 
function addoption() 

//根据id查找对象, 
var obj=document.getelementbyid('myselect'); 
//添加一个选项 
obj.add(new option(文本,值)); //这个只能在ie中有效 
obj.options.add(new option(text,value)); //这个兼容ie与firefox 
}
//删除所有选项option 
function removeall() 

var obj=document.getelementbyid('myselect'); 
obj.options.length=0; 
}
//删除一个选项option 
function removeone() 

var obj=document.getelementbyid('myselect'); 
//index,要删除选项的序号,这里取当前选中选项的序号 
var index=obj.selectedindex; 
obj.options.remove(index); 
}
//获得选项option的文本 
var obj=document.getelementbyid('myselect'); 
var index=obj.selectedindex; //序号,取当前选中选项的序号 
var val = obj.options[index].text;
//修改选项option 
var obj=document.getelementbyid('myselect'); 
var index=obj.selectedindex; //序号,取当前选中选项的序号 
var val = obj.options[index]=new option(新文本,新值); 
select.zip ( 675 b 下载:33 次 )
ad:真正免费,域名+虚机+企业邮箱=0元
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product