この質問は、私の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.php
and 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