最近做项目需要动态改变select标签的option项,然而我发现:html中select标签的“onclick”,“onload”、“onmousedown”等动作属性都不能达到预期的效果。于是想到2种解决方法:
1、在body标签中添加“onload”事件属性,然后用JavaScript动态改变option选项。
(1)添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementById(‘mySelect’);
//添加一个选项
obj.options.add(new Option(“text”,”value”));
}
(2)删除所有选项option
function removeAll(){
var obj=document.getElementById(‘mySelect’);
obj.options.length=0;
}
(3)删除一个选项option
function removeOne(){
var obj=document.getElementById(‘mySelect’);
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
(4)获得选项option的值
var obj=document.getElementById(‘mySelect’);
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;

2、在ashx文件中处理option选项,然后把参数传递到前端。

更多推荐

html动态加载select标签的option项(ASP.NET)