根據其他選擇值隱藏選項

Question

我有拼車網站的抵達城市和出發城市的兩個選擇標籤，我想阻止用戶選擇到達城市時選擇同一城市，並選擇這裏起飛城市是一個例子：

<select name="departure" size="1"> 
    <option value="1">NY</option> 
    <option value="2">FL</option> 
    <option value="3">LA</option> 
    </select> 

    <select name="arrival" size="1"> 
    <option value="1">NY</option> 
    <option value="2">FL</option> 
    <option value="3">LA</option> 
    </select> 

我只是想防止用戶在使用JavaScript或任何其他解決方案

Answer 1

對於一個簡單的解決方案都選擇字段選擇同一個城市，我建議：

function deDupe(el) { 
    var opt = el.selectedIndex, 
     other = el.name == 'departure' ? document.getElementsByName('arrival')[0] : document.getElementsByName('departure')[0], 
     options = other.getElementsByTagName('option'); 
    for (var i = 0, len = options.length; i < len; i++) { 
     options[i].disabled = i == opt ? true : false; 
    } 
} 

var departure = document.getElementsByName('departure')[0], 
    arrival = document.getElementsByName('arrival')[0]; 

deDupe(document.getElementsByName('departure')[0]); 

departure.onchange = function() { 
    deDupe(departure); 
}; 
arrival.onchange = function() { 
    deDupe(arrival); 
}; 

JS Fiddle demo。

參考文獻：

• document.getElementsByName()。
• document.getElementsByTagName()。