Question

我正在使用jquery ajax根据从选择框中选择的数据从文件中获取结果，并且想法是每次选择框值发生变化时调用ajax，如下所示。

HTML表格：

<tr>
<td>Match : </td><td><select class="select" id="selmatch">
<option selected="selected" value="0">Select Match</option>
.....
</select></td></tr>

Jquery的：

<script type="text/javascript">
$(document).ready(function(){   

alert('here');

$('#selmatch').on('change',function(){
    alert('h1');
    var id=$(this).val();
    var datastring="id="+id;

    $.ajax({
        type:"GET",
        url:"innchange.php",
        data:datastring,
        cache:false,

        success:function(data)
        {
            alert('h2');
        }
    });
});
});
</script>

现在的问题是jquery代码本身没有被调用。我没有得到第一个alert('here')消息本身。我已经检查过jquery正在为其他任务工作，我也能够简单地隐藏同一页面上的一个元素仅用于检查，但是使用此功能，它不起作用。

请注意，我已将此代码保留在正文部分中，即使将其保留在头部区域，问题仍然存在。有关问题所在的任何帮助吗？

Answer 1

它的工作正常：http://jsfiddle.net/Kvk22/

确保：

您在控制台中没有错误
您已正确包含jQuery
包含type =＆＃34; text / javascript＆＃34;

演示代码：

HTML：

<select class="select" id="selmatch">
    <option selected="selected" value="0" disabled>Select Match...</option>
    <option selected="selected" value="1">Match 1</option>
    <option selected="selected" value="2">Match 2</option>    
</select>

jQuery的：

$(document).ready(function(){   

    alert('here'); // gets executed

    $('#selmatch').on('change',function(){
        alert('Changed'); // gets executed
    });

});

jquery中的奇怪错误

1 个答案: