https://www.nogihisa.com.tw/Scripts/filter.js

1function inlocking(e){
2    // for Chrome
3    // console.log($(e.target));
4    // console.log($(e.target).data('step'));
5    // var i = $(e.target).data('step');
6
7    // $('[name^="filter"]:eq(' + i + ') option').remove();
8    // $('[name^="filter"]:eq(' + i + ')').html($('[name^="all_filter"] option:eq(0)').clone());
9    // var x = 1;
10    // $('[name^="all_filter"] option').each(function(){
11    //     if ($(this).data('pid') == $(e.target).val()) {
12    //       $('[name^="filter"]:eq(' + i + ')').html($(this).clone());
13    //       x++;
14    //     }
15    // });
16    // for IE
17    // console.log(e.target.dataset);
18    // var step = event['data-step'];
19    
20    // var filter = document.getElementsByName("filter[]")[step];
21    // var all_filter = document.getElementsByName("all_filter[]")[step];
22    // filter.length = 0;
23    // pls_select = all_filter.options[0].cloneNode(true);
24    // filter.appendChild(pls_select);
25    // for (var i = 0; i < all_filter.length; i++){
26    //     if (all_filter.options[i].getAttribute('data-pid') == event['value']) {
27    //         var clone = all_filter.options[i].cloneNode(true);
28    //         filter.appendChild(clone);
29    //     }
30    // }
31
32    // $("option").each(function(){
33 //      if($(this).parent().data('step')>$(event.target).data('step')){
34 //          $(this).attr('hidden',true);
35 //          $(this).attr('selected',false);
36 //            if($(this).val()==''){
37 //                $(this).attr('hidden',false);
38 //                $(this).attr('selected',true);
39                
40 //            }
41 //      }
42 //      if($(this).data('pid')==$(event.target).val()){
43 //          $(this).attr('hidden',false);
44 //      }
45 //      if($(event.target).val()==6 && $(event.target).data('step')==1){
46 //          $('select').eq(3).parent().attr('style','');
47 //      }else if ($(event.target).data('step')==1 && $(event.target).val()!=6){
48 //          $('select').eq(3).parent().attr('style','display:none');
49 //      }
50 //    });
51}
52
53function select_change(dom) {
54  var nextstep = parseInt(dom.data('step')) + parseInt(1);
55  $('select[name^="filter"][data-step="' + nextstep + '"]').html($('select[name^="all_filter"][data-step="' + nextstep + '"]').html());
56  $('select[name^="filter"][data-step="' + nextstep + '"]').find('option[data-pid!="' + dom.find('option:selected').val() + '"]').not(':first').remove();
57  clear_option(nextstep);
58}
59
60function clear_option(step) {
61  var prevstep = step - 1;
62  $('select[name^="filter"][data-step="' + step + '"]').find('option[data-pid!="' + $('select[name^="filter"][data-step="' + prevstep + '"]').find('option:selected').val() + '"]').not(':first').remove();
63  var nextstep = step + 1;
64  // console.log(nextstep);
65  if ($('select[name^="filter"][data-step="' + nextstep + '"]').length > 0) {
66      clear_option(nextstep);
67  }
68}
69
70$('select[name^="filter"]').change(function() {
71  select_change($(this));
72  // $('select[name^="filter"][data-step="'+nextstep+'"]').trigger("change");
73});
74
75// $(document).ready(function() {
76//   $("#point_search #delar_form1").prop('selectedIndex','2');
77//   select_change($("#point_search #delar_form1"));
78//   $("#point_search #delar_form2").prop('selectedIndex','1');
79//   $("#point_search #delar_form2").trigger("change");
80//   $("#point_search #delar_form1").prop('selectedIndex','0');
81//   select_change($("#point_search #delar_form1"));
82// });