2

我有两个选择字段。用于最小点和最大点。范围是 5000 到 50000，我想要达到的是在 maxpoint 选择框中我想显示大于 min points 选择值的值。

例如，如果我从 minpoint 选择字段中选择 15000，那么在我的 maxpoint 选择框中，我想隐藏/禁用前两个选项（5000 和 10000），因为它们小于 15000。

Baiscally 启用和禁用基于 minpoints 的 maxpoints。

HTML 看起来像这样

<select class="pointSelect" tabindex="2" id="minPoints" name="minPoints">
<option value="0" selected="selected">Min</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="15000">15000</option>
<option value="20000">20000</option>
<option value="25000">25000</option>
<option value="30000">30000</option>
<option value="40000">40000</option>
<option value="50000">50000</option>
</select>
<select class="pointSelect" tabindex="3" id="maxPoints" name="maxPoints">
<option value="50000" selected="selected">Max</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="15000">15000</option>
<option value="20000">20000</option>
<option value="25000">25000</option>
<option value="30000">30000</option>
<option value="40000">40000</option>
<option value="50000">50000</option>
</select>

我正在尝试这样的事情，但还没有达到标准

    $('#minPoints').change(function(){
    var index = $(this).find('option:selected').index();
    $('maxPoints').find('option').lt(index).attr('disabled','disabled');
    $('maxPoints').find('option').gt(index).removeAttr('disabled');
    });

有人可以指导吗？

4

2 回答 2

3

您可以根据索引有选择地显示和隐藏选项：

$('#minPoints').change(function () {
    var index = $(this).find('option:selected').index();
    $('#maxPoints').find('option:lt(' + index + ')').hide();
    $('#maxPoints').find('option:gt(' + index + ')').show();
});

$('#maxPoints').change(function () {
    var index = $(this).find('option:selected').index();
    $('#minPoints').find('option:gt(' + index + ')').hide();
    $('#minPoints').find('option:lt(' + index + ')').show();
});

jsfiddle

于 2013-02-21T11:25:13.707 回答
0

您宁愿使用lt或gt这样-

$("#maxPoints").find("option:lt("+index+")").attr("disabled","disabled");
$("#maxPoints").find("option:gt("+index+")").removeAttr("disabled");

工作小提琴：这里

于 2013-02-21T11:32:18.873 回答