为什么这仅在Firefox中有效？
IE和Chrome似乎忽略了样式。display ='none'
有什么建议么？
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script language="JavaScript">
function validateForm() {
document.getElementById('option2').style.display = 'none';
}
</script>
</head>
<body>
<select id="employeeID" onchange="validateForm();">
<option value="0" id="option0">Select an Employee</option>
<option value="1" id="option1">Employee 1</option>
<option value="2" id="option2">Employee 2</option>
<option value="3" id="option3">Employee 3</option>
</select>
</body>
</html>
最佳答案
您应该使用change方法->将.addEventListener事件绑定(bind)到您的select元素。
DEMO
Javascript
function validateForm() {
alert(); //checking if this actually works
document.getElementById('option2').style.display = 'none';
}
select_ = document.getElementById('employeeID');
select_.addEventListener('change',validateForm,false);
要么
select_.onchange = validateForm;
Chrome
Safari