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

Question

如果我有 3 个单位可用并且两个选择 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();

});