禁用其他選擇值中的選擇選項

Question

我有4個選擇菜單

開始時間：小時：分鍾

停止時間：小時：分鍾

“小時”輸入以00開頭，以23結尾。“分鍾”輸入填充為：00、15、30、45

基於一個選項，我想更新下一個選項，因此停止時間永遠不能與開始時間相同或早於開始時間（反之亦然）

我通過禁用選項使用JavaScript進行了嘗試，但是我無法實現，因此如果我將開始時間設置為：Hour設置為04，停止時間設置為04（必須禁用00至03），並且停止時間應該設置為設置為15（必須禁用00）。

有沒有辦法做到這一點？

Answer 1

使用jquery可以嘗試使用http://jsfiddle.net/bjmLW/ 。 這將為您提供幫助，當更改任何選擇框時，您都可以更新其他選擇框。 其余的實現留給您。 如果可能，請嘗試在jsfiddle上更新代碼。

$('#startTijdUren,#startTijdMinuten,#stopTijdUren,#stopTijdMinuten').on('change',
    function() {
       alert('Alert for each select change');
});