Dropdownlist On Second Choose First Selected wont Display:none; <p>JS</p> <pre><code>function getData(dropdown) { var value = dropdown.options[dropdown.selectedIndex].value; if (value == 'emlak'){ document.getElementById("emlak").style.display = "block"; } if(value == 'vasita'){ document.getElementById("vasita").style.display = "block"; } } </code></pre> <p>HTML</p> <pre><code>&lt;select name="kategori" onChange="getData(this);"&gt; &lt;option value="hat" onClick=""&gt;Hat&lt;/option&gt; &lt;option value="emlak"&gt;Shirt&lt;/option&gt; &lt;option value="vasita"&gt;Pants&lt;/option&gt; &lt;/select&gt; &lt;select id="emlak" name="currentList" onChange=";" style="display:none;"&gt; &lt;option value="hat"&gt;Hat&lt;/option&gt; &lt;option value="emlak"&gt;Shirt&lt;/option&gt; &lt;option value="pants"&gt;Pants&lt;/option&gt; &lt;/select&gt; &lt;select id="vasita" name="currentList" onChange="" style="display:none;"&gt; &lt;option value="hat"&gt;Otomobil&lt;/option&gt; &lt;option value="emlak"&gt;Shirt&lt;/option&gt; &lt;option value="pants"&gt;Pants&lt;/option&gt; &lt;/select&gt; </code></pre> <blockquote> <p>When I Choose a Option second time first selected option wont display:none; it should show just one select</p> </blockquote>