首先是两种隐藏select 下 option标签的方法:
<option value="hide" style='display:none'>不需要</option>
$("select option[value='hide']").css('visibility','hidden');
第一种方法不兼容IE。
第二种方法兼容IE;但option标签的位置还在,只是内容隐藏。
可以使用,删除标签,添加标签的方式,交替。
方程:
if( ## ){
var mySelect = document.getElementById("method");
var addOption1 = function(select,txt,value,num){
select.add(new Option(txt,value),num);
}
addOption1(mySelect,"不需要选","hide");
}else{
$("select option[value='hide']").remove();
}
在使用时添加,不使用的时候删除。
方法可用,日后更改。
注:
添加option标签的两种方法
dom结构如下:
<select name="mySelect" id="mySelect">
<option value="请选择">请选择</option>
</select>
js代码如下:
var mySelect = document.getElementById("mySelect");
var addOption1 = function(select,txt,value,num){
select.add(new Option(txt,value),num);
}
var addOption2 = function(select,txt,value){
var opt = new Option(txt,value);
console.log(typeof opt)
select.appendChild(opt);
}
addOption1(mySelect,"A","a");
addOption1(mySelect,"first","1",0);
addOption2(mySelect,"B","b");