title: Change a drop down list depending on first drop down list selection
body: <p>I have 3 drop down lists, all get there values from an array. I would like to change the selection of the second and third drop down lists when the first box has changed.</p>
  
  <p>i.e. </p>
  
  <pre><code>&lt;select id="first_box"&gt;
    &lt;option&gt; options 1&lt;/option&gt;
    &lt;option&gt; options 2&lt;/option&gt;
    &lt;option&gt; options 3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="second_box"&gt;
    &lt;option&gt; options 1&lt;/option&gt;
    &lt;option&gt; options 2&lt;/option&gt;
    &lt;option&gt; options 3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="third_box"&gt;
    &lt;option&gt; options 1&lt;/option&gt;
    &lt;option&gt; options 2&lt;/option&gt;
    &lt;option&gt; options 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>If you select option 3 in the first box, then change the second and third boxes to option 3</p>
  
  <p>Here's the code I have so far</p>
  
  <pre><code>jQuery(document).ready(function($){
      $('#font-name').change(function($){
          alert('first box has been changed');
      });
  });
  </code></pre>
  
  <p>UPDATE:</p>
  
  <p>Sorry I should of mentioned that the 2nd and 3rd values would be different, I just used the option 1,2, 3 as an example. SORRY.</p>
  
  <p>Here's my actual selection box code</p>
  
  <pre><code>&lt;select id="font-name" name="layout_options[h1_font_name]"&gt;
      &lt;?php foreach( $fonts as $key =&gt; $font ): ?&gt;
          &lt;option &lt;?php if($key == $current) echo "SELECTED"; ?&gt; value="&lt;?php echo $key; ?&gt;"&gt;&lt;?php echo $font['name']; ?&gt;&lt;/option&gt;
      &lt;?php endforeach; ?&gt;
      &lt;/select&gt;
  
      &lt;select id="font-font" name="layout_options[h1_font_font]"&gt;
      &lt;?php foreach( $fonts as $key =&gt; $font ): ?&gt;
          &lt;option &lt;?php if($key == $current) echo "SELECTED"; ?&gt; value="&lt;?php echo $font['font']; ?&gt;"&gt;&lt;?php echo $font['font']; ?&gt;&lt;/option&gt;
      &lt;?php endforeach; ?&gt;
      &lt;/select&gt;
  
      &lt;select id="font-css" name="layout_options[h1_font_css]"&gt;
      &lt;?php foreach( $fonts as $key =&gt; $font ): ?&gt;
          &lt;option &lt;?php if($key == $current) echo "SELECTED"; ?&gt; value="&lt;?php echo $font['css']; ?&gt;"&gt;&lt;?php echo $font['css']; ?&gt;&lt;/option&gt;
      &lt;?php endforeach; ?&gt;
      &lt;/select&gt;
  </code></pre>