如何减少选项两个相关的选择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(); 

});