jquery - 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 处理程序中 -演示

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