title: Disable an entire dropdown element when a value is selected from another drop down options
body: <p>I have a JSP page with four drop downs, and one among them is a controlling drop down list with which I have to decide which other drop down that needs to get disable based on selection of any onchange event.</p>
  
  <p>For example:</p>
  
  <pre><code>//Selecting dropdown
      &lt;Select id="dropDown1" name=" selection"&gt;
      &lt;options value="1"&gt;choice1&lt;/options&gt;
      &lt;options value="2"&gt;choice2&lt;/options&gt;
      &lt;options value="3"&gt;choice3&lt;/options&gt;
      &lt;/select&gt;
  
  //Other drop downs:
       &lt;Select id="dropDown2" name="filter1"&gt;
          &lt;options value="1"&gt;put1&lt;/options&gt;
          &lt;options value="2"&gt;put2&lt;/options&gt;
          &lt;options value="3"&gt;put3&lt;/options&gt;
       &lt;/select&gt;
  
       &lt;Select id="dropDown3" name="filter2"&gt;
          &lt;options value="1"&gt;put1&lt;/options&gt;
          &lt;options value="2"&gt;put2&lt;/options&gt;
          &lt;options value="3"&gt;put3&lt;/options&gt;
       &lt;/select&gt;
  
       &lt;Select id="dropDown4" name="filter3"&gt;
          &lt;options value="1"&gt;put1&lt;/options&gt;
          &lt;options value="2"&gt;put2&lt;/options&gt;
          &lt;options value="3"&gt;put3&lt;/options&gt;
       &lt;/select&gt;
  </code></pre>
  
  <p>Further, when I choose <code>choice1</code> from drop down one, I need to disable <code>dropDown3</code> and when I am selecting <code>choice3</code> from drop down 1 then it should enable <code>dropDown3</code> and disable <code>dropDown2</code> and when choosing <code>choice1</code> it enables everything.</p>
  
  <p>I followed some of the tutorials in JQuery which have function <code>removeAttr()</code> but since I am new to JQuery and Javascript, I am not sure how to put everything altogether and try to call <code>onchange()</code> event and do such? Can anyone please help to guide on this.</p>