js联动问题

Question

我找过很多，但都达不到我要的效果。
有一个思路是select1的onchange事件，但是对select2执行options.remove()是无效的

Answer 1

select onchange事件创建下一个select

Answer 2

var $s1;//一级select
 var $s2;//二级select
   
    $(function(){
        $s1 = $('#select1');
        $s2 = $('#select2');
         
        createLeveL1();
      
        //一级选择框的联动
        $s1.change(function(){
             var orgid= $(this).find('option:selected').val(); //1级值
      clearSelect($s2);
             for(var i=1;i<6;i++){
                     if(orgid!=i){   
$s2.append(creatOption(i));  
                      }
              }
});
    //创建1级下拉框
    function createLeveL1(){
       for(var i=1;i<6;i++){
 $s1.append(creatOption(i));  
}
    }    function creatOption(id){
        return "<option value='"+id+"'>"+id+"</option>"
    }
     
    
    function clearSelect($select){
        $select.find('option').remove();
    }
    function resetSelect($select){
        clearSelect($select)
        $select.append('<option value="">请选择</option>');
    }
参考下这个，不谢

Answer 3

试过了，但是发生onchange事件后，右键看源代码是起作用的，但是前台页面依旧不显示，怎么办

Answer 4

我有俩需求上的问题:
Q1:五租select只能按顺序一次选择么?
Q2:在只能顺序选择的前提下,第二组选5, 后三组的select还在么?  在的话显示什么?

Answer 5

试过了，但是发生onchange事件后，右键看源代码是起作用的，但是前台页面依旧不显示，怎么办
不要对select下边的选项进行初始化

Answer 6

试过了，但是发生onchange事件后，右键看源代码是起作用的，但是前台页面依旧不显示，怎么办
不要对select下边的选项进行初始化
正解，不能初始化