Question

如果我有3个单位可用，2个选择hhtml来选择数量，当客户选择1个单位（选项值= 1）时，如何在第一个选择中执行此操作，此选项将在第二个选择中减去，这只显示剩下的单位？即，第二个选择仅显示1个单位（选项值= 1）和2个单位（选项值= 2）。我不需要显示和隐藏。我需要，如果客户端在第一个选择中选择一个单位，在第二个中只能选择2个单位。期权价值指数量

<select class="quantity" name="double room">
<option value="1">1</option>
<option value="2">2</option
<option value="3">3</option
</select>
<p>
<select class="quantity" name="double room">
<option value="1">1</option>
<option value="2">2</option
<option value="3">3</option
</select>

Answer 1

这是一个快速的解决方案，希望它会指出你正确的方向。这不像保留顺序那样做任何事情，只删除并返回第二个选择的选项。

https://jsfiddle.net/jpbjd40s/2/

// Intialize this value with the option missing from #two
var previousValue = 1;

// Do stuff on change.
$('#one').on('change', function() {

    // Put the unselected option from #one back in #two.
    $('#two').append('<option value="' + previousValue + '">' + previousValue + '</option>');

    // Remember what we had.
    previousValue = $('#one').val();

    // Remove the option from #two selected in #one.
    $('#two').children('[value="' + $('#one').val() + '"]').remove();

});

如何减去选项两个相关的选择html

1 个答案: