从其他选择值禁用选择选项答案

【问题标题】：Disable select option from other select values从其他选择值禁用选择选项
【发布时间】：2014-07-12 20:19:43
【问题描述】：

我有 4 个选择菜单

开始时间：小时：分钟

停止时间：小时：分钟

小时输入以 00 开始，以 23 结束 Minutes 输入填充为：00、15、30、45

基于一个选项，我想更新下一个选项，因此停止时间永远不会与开始时间相同或早于开始时间（反之亦然）

我通过禁用选项使用 JavaScript 进行了尝试，但我无法做到这一点，因此如果我将开始时间设置为 04，则停止时间设置为 04（必须禁用 00 到 03），并且停止分钟应设置为 15（必须禁用 00）。

有没有办法做到这一点？

【问题讨论】：

为你的代码创建小提琴
如果开始时间是 23:45 并且停止时间是 00:00 会发生什么。（第二天）在您的申请中是可能的。我认为是这样，因为您允许 23:45 之前的所有值作为开始时间。
到目前为止我有这个代码 (jsfiddle.net/v85WU) 但显然 jsfiddle 在 javascript 中找不到函数
查看这里jsfiddle.net/v85WU/2/
谢谢，但我仍然可以选择开始时间：04:00，停止时间：04:00 如果我将开始时间设置为 04:00 或停止时间，我想将停止时间设置为 04:15 : 06:45 如果我将开始时间设置为 06:30

【解决方案1】：

使用 jquery 你可以试试这个http://jsfiddle.net/bjmLW/。这将对您有所帮助，当更改任何选择框时，您可以更新其他选择框。其余的实现留给您。如果可能，请尝试在 jsfiddle 上更新代码。

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

【讨论】：