Javascript 如何将两个相关选项减去html

Javascript 如何将两个相关选项减去html,javascript,jquery,Javascript,Jquery,如果我有3个单位可用,两个单位选择hhtml来选择数量,当客户选择1个单位选项值=1时,我该怎么做?例如,在第一个选择中,该选项将在第二个选择中减去,而这仅显示剩余的单位?也就是说,第二个选项只会显示1个单位选项值=1和2个单位选项值=2。我不需要显示和隐藏。我需要的是,如果客户在第一次选择一个单位,在第二次只能选择2个以上。选项值指的是数量 <select class="quantity" name="double room"> <option value="1">1&

如果我有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>

这里有一个快速的解决方案,希望它能为您指明正确的方向。这不会做任何像保留顺序这样的事情,只会删除并返回第二次选择的选项


这里有一个快速的解决方案,希望它能为您指明正确的方向。这不会做任何像保留顺序这样的事情,只会删除并返回第二次选择的选项


因此,如果用户在第一个选择中选择1,则在第二个选择中删除1选项。如果他们选择2,那么在第二个选项中删除2个选项?可能会创建一张图片或示例输出如果他们在第一次选择中更改了他们的选择,它是否会被放回?如果用户在第一次选择中选择了1,那么在第二次选择中删除1选项可能会重复。如果他们选择2,那么在第二个选项中删除2个选项?可能会创建一张图片或示例输出如果他们在第一次选择中更改了他们的选择,它是否会被放回?可能的副本可能会更好地使用。隐藏,然后如果用户更改了第一次选择,您可以轻松地恢复它。我同意,隐藏和显示会更好。。。就像我说的,它很快:虽然使用了“显示”和“隐藏”,但“选择”会保留隐藏值,直到您更改它。我本来打算更新JSFIDLE的,但看起来要长一点,至少我的实现是这样的。谢谢你的建议和解决方案。我不需要炫耀和隐藏。我需要的是,如果客户在第一次选择一个单位,在第二次只能选择2个以上。选项值指的是数量。使用它可能会更好。隐藏,然后如果用户更改第一个选择,您可以轻松恢复它。我同意,隐藏和显示会更好。。。就像我说的,它很快:虽然使用了“显示”和“隐藏”,但“选择”会保留隐藏值,直到您更改它。我本来打算更新JSFIDLE的,但看起来要长一点,至少我的实现是这样的。谢谢你的建议和解决方案。我不需要炫耀和隐藏。我需要的是,如果客户在第一次选择一个单位,在第二次只能选择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();

});