日期:2014-05-17  浏览次数:20768 次

js在IE下获取不了html的select标签值

我在html页面里加入了select标签:

<select size="1" id="expertOrQuery" name="expertOrQuery"
						onchange="class_onchange()" >
						<option>
							专家
						</option>
						<option>
							咨询
						</option>
					</select>
?

?

在提交前用js进行判断,在点击按钮的触发事件里加入如下方法:

function beforeSearch(){

	//var searchType = $("expertOrQuery").value;
	var searchType = document.getElementById("expertOrQuery").value;

	
	if(searchType == "专家"){
		searchExpert();
	}
	else if(searchType == "咨询"){
		searchQuestion();
	}
}
?

?

但是在IE下老点击也没反应,用firefox或都chrome都是有反应的,后来在beforeSearch方法里加入了alert来一个个判断,才知道用document.getElementById("expertOrQuery").value;方法在IE下是获取不了值的。

后来改为使用如下的方式就可以解决这个IE不识别select标签值的问题:

function beforeSearch(){

	//var searchType = $("expertOrQuery").value;
	//var searchType = document.getElementById("expertOrQuery").value;

	var searchType=document.getElementById("expertOrQuery").options[document.getElementById("expertOrQuery").options.selectedIndex].value

	
	if(searchType == "专家"){
		searchExpert();
	}
	else if(searchType == "咨询"){
		searchQuestion();
	}
}
?