How can I show a different Dropdown based on checked box?
<p>I have a bunck of checkbox items, one of which is called nocalls and a couple of dropdownlist boxes.</p>

<p>Below are the dropdown boxes:</p>

<pre><code>&lt;tr&gt;
                                        &lt;td align="right"&gt;&lt;FONT class="Arial10"&gt;&lt;B&gt;Profile&lt;font color="#ff0000"&gt;*&lt;/font&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                        &lt;asp:dropdownlist id="eProfile" runat="server" Width="144px"&gt;
                                                &lt;asp:listitem Value="" Selected="True"&gt;--Select A Profile--&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="Add Profile"&gt;Add Profile&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="Delete Profile"&gt;Delete Profile&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="Update Profile"&gt;Update Profile&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="Transfer"&gt;Transfer&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="See Notes"&gt;See Notes&lt;/asp:listitem&gt;
                                            &lt;/asp:dropdownlist&gt;
                                      &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;TR&gt;
                                        &lt;td align="right"&gt;&lt;FONT class="Arial10"&gt;&lt;B&gt;Profile&lt;font color="#ff0000"&gt;*&lt;/font&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/td&gt;
                                        &lt;td&gt;
                                        &lt;asp:dropdownlist id="kProfile" runat="server" Width="144px"&gt;
                                                &lt;asp:listitem Value="" Selected="True"&gt;--Select A Profile--&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="Add Manager Profile"&gt;Add Manager Profile&lt;/asp:listitem&gt;
                                                &lt;asp:listitem Value="Add User Profile"&gt;Add User Profile&lt;/asp:listitem&gt;
                                                                    &lt;/asp:dropdownlist&gt;
                                      &lt;/td&gt;
                                    &lt;/TR&gt;
</code></pre>

<p>And below is the checkbox list</p>

<pre><code>                                            &lt;input id="CheckBox9" runat="server" type="checkbox" value="Notary" /&gt;Notary
                                                &lt;input id="CheckBox10" runat="server" type="checkbox" value="VPN"  /&gt;VPN
                                                &lt;input id="CheckBox11" runat="server" type="checkbox" value="VPSPagecenter"  /&gt;VPS-Pagecenter
                                                &lt;input id="CheckBox12" runat="server" type="checkbox" value="PCDOC"  /&gt;PC DOC
                                            &lt;input id="CheckBox13" runat="server" type="checkbox" value="nocalls" /&gt;nocalls
</code></pre>

<p>If the user checks the nocalls checkbox, we would like to display only the kProfile dropdown while hiding the eProfile dropdown.</p>

<p>If the user clicks one or more checkboxes but not the nocalls checkbox, the kProfile dropdwn is hidden while the eProfile dropdown is displayed.</p>

<p>I tried using Javascript to do this but I keep seeing the 2 dropdowns.</p>

<p>I know I am doing something really stupid.</p>

<pre><code>if (theForm.service.value.indexOf("nocalls") &gt;= 0) {

    var kprofobj = document.getElementById("kProfile");
    var eprofobj = document.getElementById("eProfile");

        kprofobj.style.visiblilty = "visible";
        eprofobj.style.visiblilty = "hidden";
        kprofobj.style.display = "block";

}



&lt;script type="text/javascript"&gt; 
   $(document).ready(function () {
    if ($('#nocalls').attr('checked')) { 
        $('#eProfile').hide(); 
        $('#kProfile').show() 
    }; 
    });
&lt;/script&gt;
</code></pre>
