Use javascript to change second select list based on first select list option
<p>I have two drop-down lists populated from an array of same dates stored in a database. I want to use javascript or jquery to change the second drop-down list based on the selection from the first list. So an example would be if the user selects 03/03/2012 in the first, start date list, then I'd like the second list to only show or allow future dates within the array. 3/3, 3/2 and 3/1 would either be greyed out or removed and 3/4, 3/5 would remain as selectable options. Can anyone help with the javascript coding or make another recommendation?</p>

<pre><code>&lt;select id='start_date' name='data[sDate]' title='Use the drop list'&gt;
&lt;option value="" selected="selected"&gt; &lt;/option&gt;
&lt;option value="03/05/2012"&gt;03/05/2012&lt;/option&gt;
&lt;option value="03/04/2012"&gt;03/04/2012&lt;/option&gt;
&lt;option value="03/03/2012"&gt;03/03/2012&lt;/option&gt;
&lt;option value="03/02/2012"&gt;03/02/2012&lt;/option&gt;
&lt;option value="03/01/2012"&gt;03/01/2012&lt;/option&gt;
&lt;/select&gt;

&lt;select id='end_date' name='data[eDate]' title='Use the drop list'&gt;
&lt;option value="" selected="selected"&gt; &lt;/option&gt;
&lt;option value="03/05/2012"&gt;03/05/2012&lt;/option&gt;
&lt;option value="03/04/2012"&gt;03/04/2012&lt;/option&gt;
&lt;option value="03/03/2012"&gt;03/03/2012&lt;/option&gt;
&lt;option value="03/02/2012"&gt;03/02/2012&lt;/option&gt;
&lt;option value="03/01/2012"&gt;03/01/2012&lt;/option&gt;
&lt;/select&gt;
</code></pre>
