title: how to disable a select button after onclick on a value of another select button
body: <p>I am new to jQuery and CSS.</p>
  
  <p>I am doing a simple application.My requirement is ,I have two select button ,when I will click on first select button value then corresponding value will come in the second select button.</p>
  
  <p>I have 5 values in the first select button and  I have corresponding value only for first two values.But I don't have any corresponding value in the second select button for other 3 values.</p>
  
  <p>That means when I will click on first value of the first select button then the corresponding value will come in the second select button and same will be for second value,but when I will click on any one among (3,4,5) then in that case I should disable the second select button ,as I don't have any corresponding value for last values.  </p>
  
  <p><strong>Coding</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
       $(document).ready(function () {
           $("#select1").change(function() { 
            if($(this).data('options') == undefined){
             $(this).data('options',$('#select2 option').clone());} 
          var id = $(this).val();
          var options = $(this).data('options').filter('[value=' + id + ']');
           $('#select2').html(options);
        });
     });
  &lt;/script&gt;
  
   &lt;div class="pageCol1"&gt;
      &lt;div class="panel"&gt;
      &lt;div class="templateTitle"&gt;Request for Items&lt;/div&gt;  
      &lt;table class="grid" border="0" cellspacing="0" cellpadding="0"&gt;
          &lt;tr class="gridAlternateRow"&gt;
              &lt;td&gt;&lt;b&gt;Item to be Request&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;
              &lt;select name="select1" id="select1" onchange="change();"&gt;
                      &lt;option value="1"&gt;--Select--&lt;/option&gt;
                      &lt;option value="2"&gt;Stationaries&lt;/option&gt;
                      &lt;option value="3"&gt;Computer Accessories&lt;/option&gt;
                      &lt;option value="4"&gt;Bottle&lt;/option&gt;
                      &lt;option value="5"&gt;Chair&lt;/option&gt;
                      &lt;option value="6"&gt;Office File&lt;/option&gt;
                      &lt;option value="7"&gt;Phone Facility&lt;/option&gt;
                      &lt;option value="8"&gt;Other Facilities&lt;/option&gt; 
              &lt;/select&gt;
            &lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;
            &lt;b&gt;Category&lt;/b&gt;
            &lt;/td&gt; 
            &lt;td&gt;  
              &lt;select name="select2" id="select2" &gt;
                &lt;option value="1"&gt;--Select--&lt;/option&gt;
                  &lt;option value="2"&gt;Note Books&lt;/option&gt;
                  &lt;option value="2"&gt;Books&lt;/option&gt;
                  &lt;option value="2"&gt;Pen&lt;/option&gt;
                  &lt;option value="2"&gt;Pencil&lt;/option&gt;
                  &lt;option value="2"&gt;Eraser&lt;/option&gt;
                  &lt;option value="2"&gt;Drawing sheets&lt;/option&gt;
                  &lt;option value="2"&gt;Others&lt;/option&gt;
                  &lt;option value="3"&gt;Laptop&lt;/option&gt;
                  &lt;option value="3"&gt;PC&lt;/option&gt;
                  &lt;option value="3"&gt;CPU&lt;/option&gt;
                  &lt;option value="3"&gt;Monitor&lt;/option&gt;
                  &lt;option value="3"&gt;Mouse&lt;/option&gt;
                  &lt;option value="3"&gt;Keyboard&lt;/option&gt;
                  &lt;option value="3"&gt;Mouse Pad&lt;/option&gt;
                  &lt;option value="3"&gt;Hard Disk&lt;/option&gt;
                  &lt;option value="3"&gt;Pendrive&lt;/option&gt;
                  &lt;option value="3"&gt;CD/DVD Writer&lt;/option&gt;
                  &lt;option value="3"&gt;RAM&lt;/option&gt;
                  &lt;option value="3"&gt;Mother Board&lt;/option&gt;
                  &lt;option value="3"&gt;SMPS&lt;/option&gt;
                  &lt;option value="3"&gt;Network Cables&lt;/option&gt;
                  &lt;option value="3"&gt;Connectors&lt;/option&gt;
                  &lt;option value="7"&gt;Land Line&lt;/option&gt;
                  &lt;option value="7"&gt;BlackBerry &lt;/option&gt;
                  &lt;option value="7"&gt;Other&lt;/option&gt;
                &lt;/select&gt; 
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="gridAlternateRow"&gt;
          &lt;td&gt;&lt;b&gt;Quantity&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;
              &lt;input type="text" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
              &lt;b&gt;Description&lt;/b&gt;
              &lt;/td&gt;           
              &lt;td&gt;
              &lt;div class="row"&gt;
                      &lt;textarea cols="5" rows="3" style="width:650px;"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
           &lt;/tr&gt;
          &lt;tr class="gridAlternateRow"&gt;
          &lt;td&gt;&lt;b&gt;Reason&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;
              &lt;textarea cols="5" rows="3" style="width:650px;"&gt;&lt;/textarea&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
          &lt;td&gt;&lt;b&gt;File Upload&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;
                &lt;div class="row"&gt;
                     &lt;input type="file" name="somename" size="chars"&gt; 
                   &lt;/div&gt;
                  &lt;/td&gt;
             &lt;/tr&gt;
          &lt;/table&gt;
      &lt;div class="btnSection"&gt;
          &lt;a class="btnPrimary" href="" title="Button"&gt;SUBMIT&lt;/a&gt;
          &lt;a class="btnPrimary" href="" title="Button"&gt;RESET&lt;/a&gt;
         &lt;/div&gt;
         &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    .gridAlternateRow td {
          background:#f3f6f8;
                        }
               .row {
                 clear: both;
                 overflow: hidden;
                 padding: 4px 0;
                  }
  </code></pre>
  
  <p>Can any one tell me how to solve this ?</p>