Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>here's jquery</p> <pre><code>$(document).ready(function(){ function changeVisibleSelect(elem){ var vis = $(elem).val() == 'Board'; $('#send_to' + (vis ? '_board' : '')).removeClass('hidden'); $('#send_to' + (vis ? '' : '_board')).addClass('hidden'); } $('#issue_type').change(function(){ changeVisibleSelect(this); }); changeVisibleSelect($('#issue_type')); }); </code></pre> <p>and minor edit to your html</p> <pre><code>&lt;label for="Issue Type"&gt;Issue Type&lt;/label&gt; &lt;select name="issue_type" id="issue_type"&gt; &lt;option value=""&gt; Select &lt;/option&gt; &lt;option value="Board"&gt;Board&lt;/option&gt; &lt;option value="Branding/Clipon"&gt;Branding/Clipon&lt;/option&gt; &lt;/select&gt; &lt;label for="Issue Type"&gt;Issue&lt;/label&gt; &lt;select name="send_to" id="send_to"&gt; &lt;option value=""&gt; Select &lt;/option&gt; &lt;option value="Light Not Working"&gt;Light Not Working&lt;/option&gt; &lt;option value="Broken Letter"&gt;Broken Letter&lt;/option&gt; &lt;option value="Transit of Board from One address to Another"&gt;Transit of Board from One address to Another&lt;/option&gt; &lt;option value="Broken Board"&gt;Broken Board&lt;/option&gt; &lt;/select&gt; &lt;select name="send_to" id="send_to_board"&gt; &lt;option value=""&gt; Select &lt;/option&gt; &lt;option value="Pasting Problem"&gt;Pasting Problem&lt;/option&gt; &lt;option value="Clip-on light not working"&gt;Clip-on light not working&lt;/option&gt; &lt;/select&gt; </code></pre> <p>i changed the id of second select</p> <p>css:</p> <pre><code>.hidden{display:none} </code></pre> <p>here's working jsfiddle: <a href="http://jsfiddle.net/MXjmY/1/" rel="nofollow">http://jsfiddle.net/MXjmY/1/</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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