php - ロード後にドロップダウンリストを元にリセットする

Question

<select id="ddl" name="ddl">
  <option value="Col">loading</option>
</select>
<select id="ddlCol" name="ddlCol">
  <option value="Col">loading</option>
</select>
<select id="ddlCol2" name="ddlCol">
  <option value="Col">loading</option>
</select>
$("#ddl").change(function(){
  $("#ddlcol").load(Test1.html);
});
$("#ddlcol").change(function(){
  $("#ddlcol2").load(Test2.html);
});

今、私は3つのドロップダウンリストを持っています. 私の最初のドロップダウンリストがdllフィールドを選択したとき。 私の選択後に値がロードされddlColますtest1.htmlddlColddlcol2test2.html

私が知りたいのは、最初のドロップダウンリストを選択ddlcol2した場合、デフォルト値にリセットする方法です? 例

ddl

アップル

オレンジ

梨

ddlCol

$1

$2

$3

ddlCol2

赤

緑

紫の

アップルを選択します。

ddlCol の変更

$1

$1.50

$2

$1を選択

ddlCol2 の変更

青い

ピンク

今梨を選択

私のddlCol2はリセットされます

赤

緑

紫の

. どうやってリセットするの？

Answer 1

それらをリロードする必要がある場合は、それに応じてそれらをトリガーする必要があります。

var refreshColThenCol2 = function(){
  $("#ddlcol").load(url, refreshCol2);
};

var refreshCol2 = function(){ 
  $("#ddlcol2").load(url);
};

$("#ddl").change(refreshColThenCol2);
$("#ddlcol").change(refreshCol2);