gpt4 book ai didi

javascript - 动态隐藏选择框中的选项(取决于第一次选择的值)

转载 作者:行者123 更新时间:2023-11-30 12:57:13 26 4
gpt4 key购买 nike

我有两个选择字段作为

选择字段1:

<select id="minprice" required name="minprice" class="sell-textfield">
<option value="">Select</option>
<option value="3">less than 10 lakh</option>
<option value="1000000">10 Lakhs</option>
<option value="2000000">20 Lakhs</option>
<option value="3000000">30 Lakhs</option>
<option value="4000000">40 Lakhs</option>
<option value="5000000">50 Lakhs</option>
<option value="6000000">60 Lakhs</option>
<option value="7000000">70 Lakhs</option>
<option value="8000000">80 Lakhs</option>
<option value="9000000">90 Lakhs</option>
<option value="10000000">1 Crore</option>
<option value="12000000">1.2 Crores</option>
<option value="14000000">1.4 Crores</option>
<option value="16000000">1.6 Crores</option>
<option value="18000000">1.8 Crores</option>
<option value="20000000">2 Crores</option>
<option value="22500000">2.25 Crores</option>
<option value="30000000">3 Crores</option>
<option value="35000000">3.5 Crores</option>
<option value="40000000">4 Crores</option>
<option value="45000000">4.5 Crores</option>
<option value="50000000">5 Crores</option>
<option value="60000000">6 Crores</option>
<option value="70000000">7 Crores</option>
<option value="80000000">8 Crores</option>
<option value="90000000">9 Crores</option>
<option value="100000000">10 Crores</option>
<option value="150000000">15 Crores</option>
<option value="200000000">20 Crores</option>
<option value="300000000">30 Crores</option>
<option value="400000000">40 Crores</option>
<option value="500000000">50 Crores</option>
<option value="12345678901234567890">Above 50 Crores</option>
</select>

选择字段2:

<select id="maxprice" required name="maxprice" class="sell-textfield">
<option value="">Select</option>
<option value="1000000">10 Lakhs</option>
<option value="2000000">20 Lakhs</option>
<option value="3000000">30 Lakhs</option>
<option value="4000000">40 Lakhs</option>
<option value="5000000">50 Lakhs</option>
<option value="6000000">60 Lakhs</option>
<option value="7000000">70 Lakhs</option>
<option value="8000000">80 Lakhs</option>
<option value="9000000">90 Lakhs</option>
<option value="10000000">1 Crore</option>
<option value="12000000">1.2 Crores</option>
<option value="14000000">1.4 Crores</option>
<option value="16000000">1.6 Crores</option>
<option value="18000000">1.8 Crores</option>
<option value="20000000">2 Crores</option>
<option value="22500000">2.25 Crores</option>
<option value="30000000">3 Crores</option>
<option value="35000000">3.5 Crores</option>
<option value="40000000">4 Crores</option>
<option value="45000000">4.5 Crores</option>
<option value="50000000">5 Crores</option>
<option value="60000000">6 Crores</option>
<option value="70000000">7 Crores</option>
<option value="80000000">8 Crores</option>
<option value="90000000">9 Crores</option>
<option value="100000000">10 Crores</option>
<option value="150000000">15 Crores</option>
<option value="200000000">20 Crores</option>
<option value="300000000">30 Crores</option>
<option value="400000000">40 Crores</option>
<option value="500000000">50 Crores</option>
<option value="12345678901234567890">Above 50 Crores</option>
</select>

现在我试图隐藏 maxprice 中小于 minprice 所选选项的选项。所以我创建了一个关于最小价格变化的函数:

$("#minprice").change(function() {
var i;
for(i=1;i<=32;i++){
if($('#maxprice option').eq(i).val()<$(this).val()) {
$('#maxprice option').eq(i).hide();
}else{
$('#maxprice option').eq(i).show();

}
}
});

当给定最低价格 200 万时,该函数从最高价格隐藏 1 千万、1.2 千万当给定 300 万卢比的最低价格时,从最高价格中隐藏 2000 万、225000 万。等等。

我已经检查了所有内容,但找不到问题所在。

最佳答案

你可以试试这个:DEMO

$("#minprice").change(function() {

var i = $('option:selected', this).index();
$("#maxprice option").show();
$("#maxprice option:lt("+ i +")").hide();

});

关于javascript - 动态隐藏选择框中的选项(取决于第一次选择的值),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18629361/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com