This is doing my head in!
I have a select element with several options, however I cannot manipulate or access any of the options, as apparently the 'options' array does not exist.
I have recreated the problem in a simpler html document: (original project is ASP MVC)
<html><head><title>test test test</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" >
function checkMenu() {
if( $("#menu").options ) {
$("#message").text("Success!");
}
else {
$("#message").text("Fail :<");
}
}
</script>
</head>
<body>
<select id="menu" name="menu">
<option>qwerty</option>
<option>uiop</option>
<option>asdf</option>
<option>ghjkl</option>
</select>
<a href="#" onclick="checkMenu()">Clicker!</a>
<div id="message">message</div>
</body>
</html>
I have not managed to find any info on this, any tips appreciated.