CODEWITHSUNDEEP
javascriptjquery
Babiker
Babiker

Reputation: 18798

What is wrong with selecting with my drop down element

<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>

Upvotes: 0

Views: 65

Answers (2)

Cheng Chen
Cheng Chen

Reputation: 43523

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>

Upvotes: 0

Darin Dimitrov
Darin Dimitrov

Reputation: 1038780

Try using the text() function:

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

Upvotes: 2

Related Questions