禁用其他选择值中的选择选项

时间:2014-05-23 12:52:46

标签: javascript jquery select input option

我有4个选择菜单

开始时间: 时间:分钟

停止时间: 时间:分钟

小时输入以00开头,以23结尾 分钟输入填充:00,15,30,45

根据选项我想更新下一个选项,因此停止时间永远不会与开始时间相同或更早(反之亦然)

我通过禁用选项尝试使用JavaScript,但我无法实现,所以如果我设置开始时间:小时到04,停止小时设置为04(00到03必须禁用),并且停止分钟应设置为15(必须禁用00)。

有办法做到这一点吗?

1 个答案:

答案 0 :(得分:0)

使用jquery,你可以尝试这个http://jsfiddle.net/bjmLW/。这将有助于您,当任何选择框被更改时,您可以更新其他选项。其余的实施由您自己完成。如果可能,请尝试在jsfiddle上更新代码。

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