[jQuery] why this will fail in Safari?
Hi,
I try to set a selected option in a Select box, the following code
works without jQuery function defined, once I un-comment the jQuery
part, it works in Firefox, but not in Safari any more, please help,
Thanks.
A.C.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.2.1.js"></script>
<script type="text/javascript">
/* un commenting this will cause safari to fail
$(document).ready(function(){
})
*/
function foo() {
var s = document.getElementById( "02" );
s.selected = true;
s.defaultSelected = true;
};
</script>
</head>
<body onload="foo();">
<form id="form1" name="form1" method="post" action="">
<select name="state" id="state">
<option id="01" value="NY">New York</option>
<option id="02" value="AL">Alaska</option>
<option id="03" value="KY">Kentuky</option>
<option id="04" value="IA">IOWA</option>
</select>
</form>
</body>
</html>