如何減少選項兩個相關的選擇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(); 

});