Javascript 动态添加select option

方法很多 ,一下暂列两种自己用。
标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。 
var objSelect = document.getElementById("selectId");
//清空
objSelect.innerHTML="";
方式一:
//动态删除select中的所有options:
document.getElementById("selectId").options.length=0;

//动态删除select中的某一项option:
document.getElementById("selectId").options.remove(indx); 

//动态添加select中的项option:
document.getElementById("selectId").options.add(new Option(text,value)); 

方式二:
//删除被选中的项
objSelect.options[Index] = null ;

//增加项
objSelect.options[Index] = new Option( " 你好 " , " hello " );

//修改所选择中的项
objSelect.options[Index] = new Option( " 你好 " , " hello " );

//得到所选择项的文本
objSelect.options[Index].text;

//得到所选择项的值
objSelect.options[Index].value; 

 

你可能感兴趣的:(JavaScript)