jQuery - Запуск функции при изменении выпадающего списка

Question

У меня есть выпадающий список, и я хочу запустить функцию jQuery, когда выбран элемент differnet. Это мой текущий сценарий:

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

Как заставить это работать?

Answer 1

Оберните ваш скрипт в document.ready обработчика - DEMO

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

Или просто поместить скрипт в самом низу страницы.

Answer 2

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