Question

撞到我的头靠墙...谷歌搜索并检查以前的q在这里..无法找到答案..使用jquery 1.9.1

非常简单的问题...选择下拉列表，希望我的func在用户更改下拉列表时触发..问题是。没有任何反应..没有错误.. func不会开火

$("select.radStatus").change(function() {
    // alert('Value change to ' + $(this).attr('value'));
    $.ajax({
       type: "GET",
       url: "ajax_me.php",
       data: "officeLocName=" + $(this).val(),
       success: function(msg){
           $('#signInResult').html('<img src="img/checkmark.png" />');
        }
    });
});

HTML是：

<select id="radStatus" name="officeLocName">
<option value="1">choice 1</option>
<option value="2">choice 2</option>
<option value="3">choice 3</option>
</select>

我试图选择一个新的选项......事件没有发生......没有任何反应......萤火虫没有错误

感谢

更新：谢谢你的确有效！

Answer 1

应为$("select#radStatus")。这是为了id。 .适用于班级

Answer 2

当你在this范围内时，{p> select不是$.ajax，并且需要在选择器中使用ID前缀

没有必要像其他答案所说的那样进行另一个DOM搜索，只需在select

之前将$.ajax val声明为变量

$("select#radStatus").change(function() {
    var value=$(this).val();
    $.ajax({
       type: "GET",
       url: "ajax_me.php",
       data: "officeLocName=" + value,
       success: function(msg){
           $('#signInResult').html('<img src="img/checkmark.png" />');
        }
    });
});

Answer 3

更改 $("select.radStatus") 至 $("select#radStatus")

你将它作为jQuery中的一个类，但作为html中的ID

jquery 1.9.1事件处理程序未触发

3 个答案: