首页 > PHP资讯 > HTML5培训技术 > JS动态添加下拉框

JS动态添加下拉框

HTML5培训技术
 
JS实现下拉框的动态添加,网页代码如下:
[html]  
 
 
 
 
动态添加下拉框  
<script type="text/javascript" src="../JS文件/jquery.js">《script》  
<script type="text/javascript" src="../JS文件/SelectMenu2.js" charset=“utf-8”>《script》  
 
  
 
   
 
       
 
       
 
       
 
       
 
          
            车类型:  
                 
             
              
           
                 
             
              
           
                 
             
       
 
     
 
 
 
JS代码如下:
[javascript]  
// ("");  
            $("").appendTo(CarColorSelect);  
            switch(CarTypeValue){  
                  
                case "宝马":  
                    var CarColor=["绿色","黑色"];  
                    for(var i = 0;i
                        $("").appendTo(CarColorSelect);   
                    }  
                    break;  
                case "奔驰":  
                    var CarColor = ["白色","红色"];  
                    for(var i = 0;i
                        $("").appendTo(CarColorSelect);   
                    }  
                    break;  
            }  
            CarColorSelect.parent().show();  
        }  
        else  
        {  
                CarColorSelect.parent().hide();  
        }  
    });  
      
    CarColorSelect.change(function (){  
                                      
        var CarColorValue = $(this).val();                                
        CarWheelSelect.html("");  
        if(CarColorValue != "")  
        {  
            CarWheelSelect.html("");  
            $("").appendTo(CarWheelSelect);  
            switch(CarColorValue){  
                  
                case "绿色":  
                    var CarWheel = ["绿钢","绿碳纤维"];  
                    for(var i = 0;i
                        $("").appendTo(CarWheelSelect);   
                    }  
                    break;  
                case "红色":  
                    var CarWheel = ["红钢","红碳纤维"];  
                    for(var i = 0;i
                        $("").appendTo(CarWheelSelect);   
                    }  
                    break;  
                case "黑色":  
                    var CarWheel = ["黑钢","黑碳纤维"];  
                    for(var i = 0;i
                        $("").appendTo(CarWheelSelect);   
                    }  
                    break;  
                case "白色":  
                    var CarWheel = ["白钢","白碳纤维"];  
                    for(var i=0;i
                        $("").appendTo(CarWheelSelect);   
                    }  
                    break;  
            }  
            CarWheelSelect.parent().show();  
        }  
        else  
        {  
            CarWheelSelect.parent().hide();  
        }  
    });  
});  
 
本文由欣才IT学院整理发布,未经许可,禁止转载。