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

Problem using jQuery change function on a select element

本文关键字：函数 问题 jQuery 元素 select      更新时间：2023-09-26

我使用的是一个简单的select元素。在选择菜单中选择一个选项时，我想使用jQuery的post方法来更新div

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

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

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

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

我感谢你的帮助。

它确实可以很好地进行

工作演示

如果包含jQuery文件，这应该可以正常工作。请检查是否正确包含jQuery。

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

这应该会发出警报，如果没有，那么jQuery就不能正常工作。

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

更多关于该主题的信息；

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

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

jQuery-通过文本描述设置选择控件的选定值

相关文章：