help with jquery onchange event on dropdown menu

jquery select drop-down-menu

32,966

Solution 1

The code is fine, you just aren't initialising it correctly.

Try....

$(document).ready(function() {
    $("select").change(function(){
        alert(this.id);
    });
});

see the documentation here.

Your function alerts the id of the select element (which you haven't assigned to anything anyway). I'm assuming you actually wanted to get the value from the dropdown? In which case you want:

alert($(this).val());

Solution 2

$(function() {

   $("select").change(function(event) {
        alert(this.id);
        // alert( $(this).attr('id') ); to get the id attr with jquery
    });

});

I would also suggest targeting the select element with an id. Your code will show an alert every time any select on the page is changed.

32,966

Author by

nunos

Software Engineering / Sound and Music Computing

Updated on August 04, 2022

Comments

nunos almost 2 years

I would like to be able to launch an alert message everytime the value of the dropdown is changed. I thought the code below should have worked but it is not for some unknow reason. Any ideas why?

Thanks.

<html>
<head>
<script type="text/javascript" src="lib/jquery.js"></script>
</head>
<body>

<script type="text/javascript">
    $("select").change(function(){
        alert(this.id);
    });
</script>


<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

</body>
</html>