Control multiple-select box using a single select box using javascript
<pre><code>`&lt;select multiple="multiple" name="state[]" id="state"&gt;
&lt;option value=""&gt;Select a State&lt;/option&gt;
&lt;?php 
foreach($state_list as $key=&gt;$value){
echo "&lt;option value=\"$key\"";
if($html['state']==$key|| $row['state']==$key){
echo ' selected="selected"';
}
echo "&gt;$value&lt;/option&gt;\n";                                     
}?&gt;
&lt;/select&gt; &lt;/p&gt;`


&lt;p&gt;Select A Country
&lt;select name="country" id="country"&gt;
&lt;option value="0"&gt;Select a Country&lt;/option&gt;
&lt;option value="USA"&gt;USA&lt;/option&gt;                             
&lt;option value="UK"&gt;UK&lt;/option&gt;    
&lt;/select&gt; &lt;/p&gt;
</code></pre>

<p>I have two select boxes 1)state[] 2) country . What is want is that "If the selected country is not USA, disable the multi-select box which consists all the USA states". Any help is appreciated</p>
