Question

这个问题更多的是关于我的jquery ajax脚本的正确位置..

我有4个下拉菜单。第一个是活动的，另外三个是不活动的。首先，我有以下内容：

我的<head>代码中的jQuery：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(document).ready(function(){
        $('#sel1').change(function() {
           var m = $(this).attr("value");
                $.ajax({
                    type: "POST",
                    url: "ajax.php",
                    dataType: "html",
                    data: "a=getSel2&m="+m+"",
                    success: function(txt){
                        $("#div_sel2").html( txt );
                    }
                });
            return false;
        });
    });
</script>

page1.php中：

Selection 1:
<select id="sel1">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

Selection 2:
<div id="div_sel2"></div>

Selection 3:
<div id="div_sel3"></div>

Selection 4:
<div id="div_sel4"></div>

HTML和jQuery位于page1.php。 select onchange触发ajax.php和函数getSel2的AJAX请求。结果填充div div_sel2。

这是我不确定的地方。 getSel2的结果是与sel1类似的另一个下拉列表。显然只有它的选项和id="sel2"。我需要让这个选择也触发getSel3的另一个AJAX请求，然后填充div_sel3。但是如果我将这个AJAX代码放在page1.php中，它就不起作用了。如果我将该代码放在我的getSel2结果中，它也不起作用。

执行包含AJAX调用的页面的正确方法是什么，然后需要在填充div之后触发其他AJAX调用？

解：我选择了这个插件：http://www.appelsiini.net/projects/chained

链接选择 - 放置脚本的位置

0 个答案: