This code generates an "objected expected" error when I select the unselected option in the list.
Does anyone have any idea why this is happening?Code:<html><head>
<script type="text/javascript">
function wgxx() {
var temp = getElementById ("zzzz");
}
</script>
</head><body>
<form action="abcd.php">
<select id="zzzz" onChange="wgxx()">
<option>1</option>
<option>2</option>
</select>
</form>
</body></html>
Hi there WarrenGaebel,
does this help...
cootheadCode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title></title>
<style type="text/css"></style>
<script type="text/javascript">
function init(){
document.getElementById('zzzz').onchange=function(){
wgxx();
}
}
function wgxx() {
var temp=document.getElementById('zzzz');
alert(temp);
alert(temp.tagName);
}
if(window.addEventListener){
window.addEventListener('load',init,false);
}
else {
if(window.attachEvent){
window.attachEvent('onload',init);
}
}
</script>
</head>
<body>
<form action="abcd.php">
<div>
<select id="zzzz">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
</form>
</body>
</html>
Thank-you for your solution. I did not put "document." in front of "getElementById". The following works fine:
Code:<html><head>
<script type="text/javascript">
function wgxx() {
var temp = document.getElementById ("zzzz");
}
</script>
</head><body>
<form action="abcd.php">
<select id="zzzz" onChange="wgxx()">
<option>1</option>
<option>2</option>
</select>
</form>
</body></html>
No problem you're welcome. ;)
