Question

由于未知原因，此代码片段不起作用：

$("#lbxArea").live ('change', function () {
    $("#lbxStation").load ('../data/stations',
                           { areaID: $("#lbxArea").val () });
});

我可以在Firebug上看到请求消失并且数据恢复并且看起来很好。 lbxStation是<select>元素，返回的数据是<option>元素的HTML。运行时，select元素不会更改。

Answer 1

试试这个:(但我没试过）

$("#lbxArea").live ('change', function () {
    $.get('../data/stations',{ areaID: $("#lbxArea").val () }, function(data){
       $("#lbxStation").html(data);
    });
});

编辑：现在检查......

Answer 2

适合我： http://sandbox.phpcode.eu/g/aabeb.php

<form>
  <select id="lbxArea">
    <option>1</option>
    <option>2</option>
  </select>
</form>
<div id="lbxStation"></div>
<script>
$("#lbxArea").live ('change', function () {
    $("#lbxStation").load ('ajax.php?html=test',
                           { areaID: $("#lbxArea").val () });
});
</script>

jQuery AJAX加载问题

2 个答案: