What is wrong with selecting with my drop down element

Question

<html>
    <head>
        <script type='text/javascript' language='javascript' src="http://localhost/javascript/jquery-1.4.2.js">
        </script>

        <script type='text/javascript' language='javascript'>
        $(document).ready(function(){
            $("#button").mousedown(function(){
                    dropDownMenu    = $("#dropDownMenu");
                    alert(dropDownMenu.options[0].text);
                });
        });


        </script>
    </head>
    <body>
    <select id="dropDownMenu"><option>Test</option></select><br>
    <input id="button" type="button">
    </body>
</html>

Answer 1

Try using the text() function:

$("#button").mousedown(function() {
    var selectedItemText = $('#dropDownMenu :selected').text();
    alert(selectedItemText);
});

Answer 2

Your code dropDownMenu    = $("#dropDownMenu");
alert(dropDownMenu.options[0].text);

Here dropDownMenu is a JQuery object. So dropDownMenu.options is not defined. Use dropDownMenu[0] or dropDownMenu.get(0) to get the first DOM element which is a

<select>...</select>

What is wrong with selecting with my drop down element

Question

2 answers

solution1
2 ACCPTED 2010-06-16 17:54:00

solution2
0 2010-06-16 18:05:39

What is wrong with selecting with my drop down element

Question

2 answers

solution1 2 ACCPTED 2010-06-16 17:54:00

solution2 0 2010-06-16 18:05:39

solution1
2 ACCPTED 2010-06-16 17:54:00

solution2
0 2010-06-16 18:05:39