title: Hide options from select box dynamically (depending on the value of first select)
body: <p>I have got two select fields as </p>
  
  <p>select field1:</p>
  
  <pre><code>&lt;select id="minprice" required name="minprice" class="sell-textfield"&gt;
              &lt;option value=""&gt;Select&lt;/option&gt;
              &lt;option value="3"&gt;less than 10 lakh&lt;/option&gt;
              &lt;option value="1000000"&gt;10 Lakhs&lt;/option&gt;
              &lt;option value="2000000"&gt;20 Lakhs&lt;/option&gt;
              &lt;option value="3000000"&gt;30 Lakhs&lt;/option&gt;
              &lt;option value="4000000"&gt;40 Lakhs&lt;/option&gt;
              &lt;option value="5000000"&gt;50 Lakhs&lt;/option&gt;
              &lt;option value="6000000"&gt;60 Lakhs&lt;/option&gt;
              &lt;option value="7000000"&gt;70 Lakhs&lt;/option&gt;
              &lt;option value="8000000"&gt;80 Lakhs&lt;/option&gt;
              &lt;option value="9000000"&gt;90 Lakhs&lt;/option&gt;
              &lt;option value="10000000"&gt;1 Crore&lt;/option&gt;
              &lt;option value="12000000"&gt;1.2 Crores&lt;/option&gt;
              &lt;option value="14000000"&gt;1.4 Crores&lt;/option&gt;
              &lt;option value="16000000"&gt;1.6 Crores&lt;/option&gt;
              &lt;option value="18000000"&gt;1.8 Crores&lt;/option&gt;
              &lt;option value="20000000"&gt;2 Crores&lt;/option&gt;
              &lt;option value="22500000"&gt;2.25 Crores&lt;/option&gt;
              &lt;option value="30000000"&gt;3 Crores&lt;/option&gt;
              &lt;option value="35000000"&gt;3.5 Crores&lt;/option&gt;
              &lt;option value="40000000"&gt;4 Crores&lt;/option&gt;
              &lt;option value="45000000"&gt;4.5 Crores&lt;/option&gt;
              &lt;option value="50000000"&gt;5 Crores&lt;/option&gt;
              &lt;option value="60000000"&gt;6 Crores&lt;/option&gt;
              &lt;option value="70000000"&gt;7 Crores&lt;/option&gt;
              &lt;option value="80000000"&gt;8 Crores&lt;/option&gt;
              &lt;option value="90000000"&gt;9 Crores&lt;/option&gt;
              &lt;option value="100000000"&gt;10 Crores&lt;/option&gt;
              &lt;option value="150000000"&gt;15 Crores&lt;/option&gt;
              &lt;option value="200000000"&gt;20 Crores&lt;/option&gt;
              &lt;option value="300000000"&gt;30 Crores&lt;/option&gt;
              &lt;option value="400000000"&gt;40 Crores&lt;/option&gt;
              &lt;option value="500000000"&gt;50 Crores&lt;/option&gt;
              &lt;option value="12345678901234567890"&gt;Above 50 Crores&lt;/option&gt;
          &lt;/select&gt;
  </code></pre>
  
  <p>select field2:</p>
  
  <pre><code>&lt;select id="maxprice" required name="maxprice" class="sell-textfield"&gt;
              &lt;option value=""&gt;Select&lt;/option&gt;
              &lt;option value="1000000"&gt;10 Lakhs&lt;/option&gt;
              &lt;option value="2000000"&gt;20 Lakhs&lt;/option&gt;
              &lt;option value="3000000"&gt;30 Lakhs&lt;/option&gt;
              &lt;option value="4000000"&gt;40 Lakhs&lt;/option&gt;
              &lt;option value="5000000"&gt;50 Lakhs&lt;/option&gt;
              &lt;option value="6000000"&gt;60 Lakhs&lt;/option&gt;
              &lt;option value="7000000"&gt;70 Lakhs&lt;/option&gt;
              &lt;option value="8000000"&gt;80 Lakhs&lt;/option&gt;
              &lt;option value="9000000"&gt;90 Lakhs&lt;/option&gt;
              &lt;option value="10000000"&gt;1 Crore&lt;/option&gt;
              &lt;option value="12000000"&gt;1.2 Crores&lt;/option&gt;
              &lt;option value="14000000"&gt;1.4 Crores&lt;/option&gt;
              &lt;option value="16000000"&gt;1.6 Crores&lt;/option&gt;
              &lt;option value="18000000"&gt;1.8 Crores&lt;/option&gt;
              &lt;option value="20000000"&gt;2 Crores&lt;/option&gt;
              &lt;option value="22500000"&gt;2.25 Crores&lt;/option&gt;
              &lt;option value="30000000"&gt;3 Crores&lt;/option&gt;
              &lt;option value="35000000"&gt;3.5 Crores&lt;/option&gt;
              &lt;option value="40000000"&gt;4 Crores&lt;/option&gt;
              &lt;option value="45000000"&gt;4.5 Crores&lt;/option&gt;
              &lt;option value="50000000"&gt;5 Crores&lt;/option&gt;
              &lt;option value="60000000"&gt;6 Crores&lt;/option&gt;
              &lt;option value="70000000"&gt;7 Crores&lt;/option&gt;
              &lt;option value="80000000"&gt;8 Crores&lt;/option&gt;
              &lt;option value="90000000"&gt;9 Crores&lt;/option&gt;
              &lt;option value="100000000"&gt;10 Crores&lt;/option&gt;
              &lt;option value="150000000"&gt;15 Crores&lt;/option&gt;
              &lt;option value="200000000"&gt;20 Crores&lt;/option&gt;
              &lt;option value="300000000"&gt;30 Crores&lt;/option&gt;
              &lt;option value="400000000"&gt;40 Crores&lt;/option&gt;
              &lt;option value="500000000"&gt;50 Crores&lt;/option&gt;
              &lt;option value="12345678901234567890"&gt;Above 50 Crores&lt;/option&gt;
          &lt;/select&gt;
  </code></pre>
  
  <p>Now I am trying to hide the options from maxprice which are lesser than minprice's selected option. So I have created a function on minprice change as:</p>
  
  <pre><code>$("#minprice").change(function() {
  var i;  
  for(i=1;i&lt;=32;i++){
      if($('#maxprice option').eq(i).val()&lt;$(this).val()) {               
          $('#maxprice option').eq(i).hide();
      }else{
          $('#maxprice option').eq(i).show();
  
      }
  }
  });
  </code></pre>
  
  <p>The function hides 1 crore, 1.2 crore from maxprice when given 20lakhs in minprice
  hides 2 crore, 2.25 crore from maxprice when given 30 lakhs in minprice. and so on.</p>
  
  <p>I have checked everything and can't find what's the problem.</p>