jQuery - 在下拉列表中运行更改函数

Question

我有一个下拉列表,我想在选择了不同的项目时运行jQuery函数.这是我目前的脚本:

<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());
    });
});

或者只是将脚本放在页面的最底部.