0

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

我有 4 个下拉菜单。第一个处于活动状态，其他 3 个处于非活动状态。因此，首先，我有以下内容：

<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 请求ajax.php和 function getSel2。结果填充 div div_sel2。

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

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

解决方案： 我使用了这个插件： http: //www.appelsiini.net/projects/chained

4

0 回答 0