title: How to pass the selected max and min price value to java script function inside of select tag in html?
body: <p>I have a search form with select options. The options will have two values, But I want two select option for Max and Min price value.</p>
  
  <pre><code>&lt;input type="hidden" id="budget_min" name="filter_budget_min" value="0" /&gt;
  &lt;select onchange="updatePriceLimit(this)"&gt; 
    &lt;option value="0"&gt;- Min -&lt;/option&gt;
    &lt;option value="100000"&gt;1Lac&lt;/option&gt;
    &lt;option value="200000"&gt;2lacs&lt;/option&gt;
    &lt;option value="300000"&gt;3lacs&lt;/option&gt;
    &lt;option value="400000"&gt;4lacs&lt;/option&gt;
    &lt;option value="500000"&gt;5lacs&lt;/option&gt;
    &lt;option value="600000"&gt;6lacs&lt;/option&gt;
    &lt;option value="700000"&gt;7lacs&lt;/option&gt;
    &lt;option value="800000"&gt;8lacs&lt;/option&gt;
    &lt;option value="900000"&gt;9lacs&lt;/option&gt;
    &lt;option value="1000000"&gt;10lacs&lt;/option&gt;
    &lt;option value="1100000"&gt;11lacs&lt;/option&gt;
    &lt;option value="1200000"&gt;12lacs&lt;/option&gt;
    &lt;option value="1300000"&gt;13lacs&lt;/option&gt;
    &lt;option value="5000000"&gt;50lacs&lt;/option&gt;
    &lt;option value="6000000"&gt;60lacs&lt;/option&gt;
    &lt;option value="7000000"&gt;70lacs&lt;/option&gt;
    &lt;option value="8000000"&gt;80lacs&lt;/option&gt;
    &lt;option value="9000000"&gt;90lacs&lt;/option&gt;
    &lt;option value="10000000"&gt;1cr&lt;/option&gt;
  &lt;/select&gt;
  &lt;script&gt;
  
  function updatePriceLimit(select) {
  var limit = select.value.split('0');
  document.getElementById('budget_min').value = limit[0];
  
  }
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;select onchange="updatePriceLimit(this)"&gt; 
    &lt;option value="0"&gt;- Max -&lt;/option&gt;
    &lt;option value="100000"&gt;1Lac&lt;/option&gt;
    &lt;option value="200000"&gt;2lacs&lt;/option&gt;
    &lt;option value="300000"&gt;3lacs&lt;/option&gt;
    &lt;option value="400000"&gt;4lacs&lt;/option&gt;
    &lt;option value="500000"&gt;5lacs&lt;/option&gt;
    &lt;option value="600000"&gt;6lacs&lt;/option&gt;
    &lt;option value="700000"&gt;7lacs&lt;/option&gt;
    &lt;option value="800000"&gt;8lacs&lt;/option&gt;
    &lt;option value="900000"&gt;9lacs&lt;/option&gt;
    &lt;option value="1000000"&gt;10lacs&lt;/option&gt;
    &lt;option value="1100000"&gt;11lacs&lt;/option&gt;
    &lt;option value="1200000"&gt;12lacs&lt;/option&gt;
    &lt;option value="1300000"&gt;13lacs&lt;/option&gt;
    &lt;option value="5000000"&gt;50lacs&lt;/option&gt;
    &lt;option value="6000000"&gt;60lacs&lt;/option&gt;
    &lt;option value="7000000"&gt;70lacs&lt;/option&gt;
    &lt;option value="8000000"&gt;80lacs&lt;/option&gt;
    &lt;option value="9000000"&gt;90lacs&lt;/option&gt;
    &lt;option value="10000000"&gt;1cr&lt;/option&gt;
  &lt;/select&gt;
  &lt;script&gt;
  function updatePriceLimit(select) {
  var limit = select.value.split('1');
  
  document.getElementById('budget_max').value = limit[1];
  }
  </code></pre>
  
  <p></p>
  
  <p>When I am using following code, it is working perfectly</p>
  
  <p>
  </p>
  
  <pre><code>&lt;select onchange="updatePriceLimit(this)"&gt; 
    &lt;option value="0-0"&gt;- Price Range -&lt;/option&gt;
    &lt;option value="100000-1000000"&gt;Below 10 Lacs&lt;/option&gt;
    &lt;option value="1000000-3000000"&gt;10 Lacs - 30 lacs&lt;/option&gt;
    &lt;option value="3000000-6000000"&gt;30 Lacs - 60 Lacs&lt;/option&gt;
    &lt;option value="6000000-9000000"&gt;60 Lacs - 90 Lacs&lt;/option&gt;
    &lt;option value="9000000-12000000"&gt;90 Lacs - 1.20 Cr&lt;/option&gt;
    &lt;option value="12000000-15000000"&gt;1.20 Cr- 1.50 Cr&lt;/option&gt;
    &lt;option value="12000000-15000000"&gt;1.20 Cr - 1.50 Cr&lt;/option&gt;
    &lt;option value="15000000-20000000"&gt;1.50 Cr - 2 Cr&lt;/option&gt;
    &lt;option value="20000000-25000000"&gt;2 Cr - 2.5 Cr&lt;/option&gt;
    &lt;option value="25000000-30000000"&gt;2.5 Cr - 3 Cr&lt;/option&gt;
    &lt;option value="30000000-40000000"&gt;3 Cr - 4 Cr&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;script&gt;
  function updatePriceLimit(select) {
  var limit = select.value.split('-');
  document.getElementById('budget_min').value = limit[0];
  document.getElementById('budget_max').value = limit[1];
  }
  </code></pre>
  
  <p></p>
  
  <p>Any ideas, please do me favor.</p>
  
  <p>Thanks</p>