在select元素上使用jquery更改函数时出现问题

时间:2011-08-24 14:36:26

标签: javascript jquery javascript-events jquery-selectors

我正在使用一个简单的选择元素。在选择菜单中选择一个选项时,我想使用jquery的post方法来更新div。

<select class="article">
    <option value="title1">title1</option>
    <option value="title2">title2</option>
    <option value="title3">title3</option>
</select>

我想将change事件绑定到select元素。

$(document).ready(function() {
    $(".article").change(function() {
        var src = $(this).val();
        alert(src);
    });
});

这不起作用。更改选择框时,我看不到警告框。

我感谢任何帮助。

3 个答案:

答案 0 :(得分:0)

它确实可以正常工作

正在使用 demo

答案 1 :(得分:0)

这应该可以正常工作,包含jQuery文件。请检查jQuery是否包含在内。

$(document).ready(function() {
    alert('hello');
});

这应该发出警告,如果没有,则jQuery无法正常工作。

答案 2 :(得分:-1)

$('select.foo option:selected').val();    // get the value from a dropdown select

有关该主题的更多信息;

http://api.jquery.com/val/

http://api.jquery.com/selected-selector/

jQuery - setting the selected value of a select control via its text description