title: Dynamic dropdown
body: <p>I have two dropdowns in my site. I want to change the number of options and the values of options of one dropdown depending on the value we choosing on the other dropbox by 'onChange()' fn using JavaScript. For example
  /<em>first dropdown</em>/</p>
  
  <pre><code>&lt;select name="language" id="language"&gt;
      &lt;option&gt;select&lt;/option&gt;
      &lt;option &gt;English&lt;/option&gt;
      &lt;option&gt;Tamil&lt;/option&gt;
      &lt;option&gt;Telugu&lt;/option&gt;
      &lt;option &gt;Kannada&lt;/option&gt;
      &lt;option&gt;Malayalam&lt;/option&gt;
      &lt;option &gt;Urdu&lt;/option&gt;
      &lt;option&gt;Punjabi&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>/<em>Second dropdown whose no of options &amp; values are to be changed based on changing the value</em>/      /<em>of above dropdown</em>/</p>
  
  <pre><code>&lt;select name="media"&gt;
      &lt;option&gt;The Indian Express&lt;/option&gt;
      &lt;option &gt;The Hindu&lt;/option&gt;
      &lt;option &gt;CNN IBN&lt;/option&gt;
      &lt;option&gt;NDTV&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I was struggling with it for a long and even if this can be done through php please provide me a solution. </p>