javascript - 根据所选项目删除所选项目

Question

我有两个选择元素，时间为上午 12:00 到晚上 11:45，

两个选择在内部具有相同的选项，包括文本和值。例如，是否可以说我在第一次选择时选择下午 1:00 以在第二次选择时在下午 1:00 之前删除所有选项？我知道我可以用 jquery 检测到变化

$('#select1').change(function(){

// in here do something to remove previous selects

});

如有任何帮助，我们将不胜感激。

Answer 1

这是另一个版本，我们允许用户更改他的第一个选择并仍然正确过滤第二个选择

$(document).ready(function() {
  var to_mins = function(x) {
    var p = x.split(':').map(function(v) { return parseInt(v, 10); });
    return (p[0] * 60) + p[1];
  };
  $('#second').data('options', $('#second').find('option').toArray());
  $('#first').change(function() {
     var val = to_mins(this.value);
     console.log(val);
     $('#second').empty();
     $('#second').data('options').filter(function(v) {
       return to_mins(v.value) > val;
     }).map(function(v) {
       $('#second').append(v.cloneNode(true));
     });
  });
});