如何将选定的最大和最小价格值传递给 html 中选择标记内的 java 脚本函数？

Posted 2023-05-09

【中文标题】如何将选定的最大和最小价格值传递给 html 中选择标记内的 java 脚本函数？

【英文标题】：How to pass the selected max and min price value to java script function inside of select tag in html?

【发布时间】：2013-09-14 07:48:18

【问题描述】：

我有一个带有选择选项的搜索表单。选项将有两个值，但我想要最大和最小价格值的两个选择选项。

<input type="hidden" id="budget_min" name="filter_budget_min" value="0" />
<select onchange="updatePriceLimit(this)"> 
  <option value="0">- Min -</option>
  <option value="100000">1Lac</option>
  <option value="200000">2lacs</option>
  <option value="300000">3lacs</option>
  <option value="400000">4lacs</option>
  <option value="500000">5lacs</option>
  <option value="600000">6lacs</option>
  <option value="700000">7lacs</option>
  <option value="800000">8lacs</option>
  <option value="900000">9lacs</option>
  <option value="1000000">10lacs</option>
  <option value="1100000">11lacs</option>
  <option value="1200000">12lacs</option>
  <option value="1300000">13lacs</option>
  <option value="5000000">50lacs</option>
  <option value="6000000">60lacs</option>
  <option value="7000000">70lacs</option>
  <option value="8000000">80lacs</option>
  <option value="9000000">90lacs</option>
  <option value="10000000">1cr</option>
</select>
<script>

function updatePriceLimit(select) 
var limit = select.value.split('0');
document.getElementById('budget_min').value = limit[0];

<select onchange="updatePriceLimit(this)"> 
  <option value="0">- Max -</option>
  <option value="100000">1Lac</option>
  <option value="200000">2lacs</option>
  <option value="300000">3lacs</option>
  <option value="400000">4lacs</option>
  <option value="500000">5lacs</option>
  <option value="600000">6lacs</option>
  <option value="700000">7lacs</option>
  <option value="800000">8lacs</option>
  <option value="900000">9lacs</option>
  <option value="1000000">10lacs</option>
  <option value="1100000">11lacs</option>
  <option value="1200000">12lacs</option>
  <option value="1300000">13lacs</option>
  <option value="5000000">50lacs</option>
  <option value="6000000">60lacs</option>
  <option value="7000000">70lacs</option>
  <option value="8000000">80lacs</option>
  <option value="9000000">90lacs</option>
  <option value="10000000">1cr</option>
</select>
<script>
function updatePriceLimit(select) 
var limit = select.value.split('1');

document.getElementById('budget_max').value = limit[1];

当我使用以下代码时，它运行良好

<select onchange="updatePriceLimit(this)"> 
  <option value="0-0">- Price Range -</option>
  <option value="100000-1000000">Below 10 Lacs</option>
  <option value="1000000-3000000">10 Lacs - 30 lacs</option>
  <option value="3000000-6000000">30 Lacs - 60 Lacs</option>
  <option value="6000000-9000000">60 Lacs - 90 Lacs</option>
  <option value="9000000-12000000">90 Lacs - 1.20 Cr</option>
  <option value="12000000-15000000">1.20 Cr- 1.50 Cr</option>
  <option value="12000000-15000000">1.20 Cr - 1.50 Cr</option>
  <option value="15000000-20000000">1.50 Cr - 2 Cr</option>
  <option value="20000000-25000000">2 Cr - 2.5 Cr</option>
  <option value="25000000-30000000">2.5 Cr - 3 Cr</option>
  <option value="30000000-40000000">3 Cr - 4 Cr</option>
</select>

<script>
function updatePriceLimit(select) 
var limit = select.value.split('-');
document.getElementById('budget_min').value = limit[0];
document.getElementById('budget_max').value = limit[1];

任何想法，请帮我一个忙。

谢谢

【参考方案1】：

像这样更新你的脚本：

function updatePriceLimit(select,budget) 
var limit = select.value;
document.getElementById(budget).value = limit;

您的 html：

<select onchange="updatePriceLimit(this,'budget_min')">
<select onchange="updatePriceLimit(this,'budget_max')">