reset dropdown list to original after it is load
<pre><code>&lt;select id="ddl" name="ddl"&gt;
  &lt;option value="Col"&gt;loading&lt;/option&gt;
&lt;/select&gt;
&lt;select id="ddlCol" name="ddlCol"&gt;
  &lt;option value="Col"&gt;loading&lt;/option&gt;
&lt;/select&gt;
&lt;select id="ddlCol2" name="ddlCol"&gt;
  &lt;option value="Col"&gt;loading&lt;/option&gt;
&lt;/select&gt;
$("#ddl").change(function(){
  $("#ddlcol").load(Test1.html);
});
$("#ddlcol").change(function(){
  $("#ddlcol2").load(Test2.html);
});
</code></pre>

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

<p>What i want know is if i select first dropdown list how to reset <code>ddlcol2</code> to its default value?
example</p>

<blockquote>
  <p>ddl</p>
  
  <p>Apple</p>
  
  <p>Orange</p>
  
  <p>Pear</p>
  
  <p>ddlCol</p>
  
  <p>$1</p>
  
  <p>$2</p>
  
  <p>$3</p>
  
  <p>ddlCol2</p>
  
  <p>Red</p>
  
  <p>Green</p>
  
  <p>Purple</p>
  
  <p>Select Apple.</p>
  
  <p>ddlCol change</p>
  
  <p>$1</p>
  
  <p>$1.50</p>
  
  <p>$2</p>
  
  <p>Select $1</p>
  
  <p>ddlCol2 change</p>
  
  <p>Blue</p>
  
  <p>Pink</p>
  
  <p>Now Select Pear</p>
  
  <p>my ddlCol2 will reset back to</p>
  
  <p>Red</p>
  
  <p>Green</p>
  
  <p>Purple</p>
</blockquote>

<p>.
how am i going to reset it?</p>
