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

how to substract options two related selects html

本文关键字：选择 HTML 两个 选项 何减去      更新时间：2023-09-26
如果我有 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>

这是一个快速的解决方案，希望它能为您指明正确的方向。这不会做任何花哨的事情，例如保留顺序，只会删除并返回第二个选择的选项。

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();
});
相关文章：