Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>I think this would give you what you want.</p> <p>html:</p> <pre><code>&lt;div class="col-sm-9"&gt; &lt;select name="catFrequency" id="catFrequency" onchange="toggleAnnual();"&gt; &lt;option value="0"&gt;Monthly&lt;/option&gt; &lt;option value="1"&gt;Annual&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="col-sm-8"&gt; &lt;select name="monthSelect" id="recurBegin" value="Select Month"&gt; &lt;option value='' selected&gt;&lt;/option&gt; &lt;option value='01'&gt;January&lt;/option&gt; &lt;option value='02'&gt;February&lt;/option&gt; &lt;option value='03'&gt;March&lt;/option&gt; &lt;option value='04'&gt;April&lt;/option&gt; &lt;option value='05'&gt;May&lt;/option&gt; &lt;option value='06'&gt;June&lt;/option&gt; &lt;option value='07'&gt;July&lt;/option&gt; &lt;option value='08'&gt;August&lt;/option&gt; &lt;option value='09'&gt;September&lt;/option&gt; &lt;option value='10'&gt;October&lt;/option&gt; &lt;option value='11'&gt;November&lt;/option&gt; &lt;option value='12'&gt;December&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="col-sm-3 clearfix"&gt; &lt;label class="control-label"&gt;Ending Month:&lt;/label&gt; &lt;/div&gt; &lt;div class="col-sm-9"&gt; &lt;select name="monthSelect" id="recurEnd" value="Select Month"&gt; &lt;/select&gt; &lt;/div&gt; </code></pre> <p>javascript:</p> <pre><code>$("#recurBegin").change(function(){ $("#recurEnd").empty(); var add = false; $("#recurBegin option").each(function(i, val){ if($(this).is(':selected')) add = true; if(add){ $("#recurEnd").append($(this).clone()); } }); }); </code></pre> <p>See this fiddle: <a href="http://jsfiddle.net/PpESb/" rel="nofollow">http://jsfiddle.net/PpESb/</a></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload