我有2個選擇。兩者都有相同的選項（取自 db）。假設選項是：
Inventory 1
Inventory 2
Inventory 3
如果我Inventory 1在第一個選擇中選擇，那么在第二個選擇中它應該消失。如果我Inventory 2在第一個選擇中選擇，那么Inventory 1應該會出現在第二個選擇中并且Inventory 2應該消失。
到目前為止，這是我的代碼：
$('#from-location').on('change', function() {
from_location_value = $('#from-location option:selected').val();
to_location_value = $('#to-location option:selected').val();
$("#to-location option[value=" from_location_value "]").hide();
});
uj5u.com熱心網友回復：
試試這個
$('#from-location').on('change', function() {
let fromValue = $('#from-location').val();
let options = $('#to-location option').show();
if( $(this).val() !== '' ){
options.siblings('option[value="' fromValue '"]').hide()
}
});
$('#to-location').on('change', function() {
let toValue = $('#to-location').val();
let options = $('#from-location option').show();
if( $(this).val() !== '' ){
options.siblings('option[value="' toValue '"]').hide()
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="from-location">
<option value=""></option>
<option value="Inventory 1">Inventory 1</option>
<option value="Inventory 2">Inventory 2</option>
<option value="Inventory 3">Inventory 3</option>
</select>
<select id="to-location">
<option value=""></option>
<option value="Inventory 1">Inventory 1</option>
<option value="Inventory 2">Inventory 2</option>
<option value="Inventory 3">Inventory 3</option>
</select>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/478304.html
標籤：javascript html jQuery
下一篇：將變數傳遞給燒瓶中的表