jQuery - Run a function on change in dropdown

Question

I have a dropdown, and I want to run a jQuery function when-ever a differnet item is selected. This is my current script:

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$('select[name=dropdown]').change(function() {
    $('#result').html($(this).val());
});
</script>

<div id='result'></div>

<select name="dropdown">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
</select>

How do i get this to work?

Zoltan Toth · Accepted Answer · 2012-12-15 12:27:43Z

5

Wrap your script in document.ready handler - DEMO

$(document).ready(function() {
    $('select[name=dropdown]').change(function() {
        $('#result').html($(this).val());
    });
});

Or simply place your script at the very bottom of the page.

answered Dec 15, 2012 at 12:27

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Talha Akbar · Accepted Answer · 2012-12-15 12:28:38Z

0

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready( function() {
$('select[name="dropdown"]').change(function() {
    $('#result').html($(this).val());
});
});
</script>

<div id='result'></div>

<select name="dropdown">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
</select>

answered Dec 15, 2012 at 12:28

Talha Akbar

10.1k7 gold badges41 silver badges62 bronze badges

1 Comment

Michael Over a year ago

@PeaceDealer won't learn from this slab of code - I down-voted as an explanation as to why would be helpful.

Collectives™ on Stack Overflow

jQuery - Run a function on change in dropdown

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related