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);
});

Now i have 3 dropdown lists.
when my first dropdown list select dll field. ddlCol will be load with test1.html
after my ddlCol select a value ddlcol2 will load with test2.html

What i want know is if i select first dropdown list how to reset ddlcol2 to its default value?
example

ddl

Apple

Orange

Pear

ddlCol

$1

$2

$3

ddlCol2

Red

Green

Purple

Select Apple.

ddlCol change

$1

$1.50

$2

Select $1

ddlCol2 change

Blue

Pink

Now Select Pear

my ddlCol2 will reset back to

Red

Green

Purple

.
how am i going to reset it?

Answer 1

var refreshColThenCol2 = function(){
   $("#ddlCol1").html($("#ddl2").html());
};

i think loading t this way is much better