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

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

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>

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

2 个答案: