Hide DIV when make selection
<p>I have 2 select.
If user submit form without dropdown selectioe, a message is displayed on a DIV.
There is a way to HIDE div (disappear?) when user select value?</p>

<p>SCRIPT:
    
    </p>

<pre><code>$(document).ready(function () {
$("#go").click(function () {

if (document.getElementById('sel').selectedIndex == 0)
$("#msg").html("Please select 1");


if (document.getElementById('sel2').selectedIndex == 0)
$("#msg2").html("Please select 2");

});
});
</code></pre>

<p>FORM:</p>

<pre><code>&lt;form id="form1"&gt;  
&lt;div id="msg"&gt;&lt;/div&gt;                  
&lt;select id="sel"&gt;
&lt;option value=""&gt;-- select --&lt;/option&gt;
&lt;option value="valor1"&gt;Valor 1&lt;/option&gt;
&lt;option value="valor2"&gt;Valor 2&lt;/option&gt;
&lt;/select&gt;

&lt;div id="msg2"&gt;&lt;/div&gt;
&lt;select id="sel2"&gt;
&lt;option value=""&gt;-- select --&lt;/option&gt;
&lt;option value="valor1"&gt;Valor 1&lt;/option&gt;
&lt;option value="valor2"&gt;Valor 2&lt;/option&gt;
&lt;/select&gt;

&lt;input type="button" id="go" value="Go" /&gt;
&lt;/form&gt;
</code></pre>
