0

この質問は、私のjquery ajaxスクリプトの正しい場所がどこにあるかに関するものです..

4 つのドロップダウンがあります。最初の 1 つはアクティブで、他の 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.phpand functionに対する AJAX リクエストをトリガーしますgetSel2。結果は div を埋めdiv_sel2ます。

ここがよくわからないところです。の結果は、 にgetSel2似た別のドロップダウンsel1です。明らかにその唯一のオプションとid="sel2". getSel3この選択で別のAJAXリクエストもトリガーする必要がありますdiv_sel3。しかし、この AJAX コードを 内page1.phpに配置すると、機能しません。そのコードをgetSel2結果内に配置すると、それも機能しません。

AJAX 呼び出しを含むページを実行する正しい方法は何ですか? div が満たされた後に追加の AJAX 呼び出しをトリガーする必要がありますか?

解決策: このプラグインを使用しました: http://www.appelsiini.net/projects/chained

4

0 に答える 0