zoukankan      html  css  js  c++  java
  • 二级联动(javascript Array)

    <script language="javascript" type="text/javascript">
    <!--
    var arrSubRelatingType = new Array(); //关联交易子类
        <%                          
            VOList relating_type 
    = (VOList)request.getAttribute("typenameListrelating");                                 
            
    for(int i = 0; i < relating_type.count(); i++)
            
    {    
        
    %>
                arrSubRelatingType[
    <%=i%>= new Array();
                arrSubRelatingType[
    <%=i%>][0]='<%=relating_type.get(i).getString("type_id")%>';        
                arrSubRelatingType[
    <%=i%>][1]='<%=relating_type.get(i).getString("type_name")%>';    
                arrSubRelatingType[
    <%=i%>][2]='<%=relating_type.get(i).getString("group_id")%>';                        
        
    <%     
            }
        
        
    %>

        
    // 增加一个名为 trim 的函数作为 String 构造函数的原型对象的一个方法
            String.prototype.trim = function()
            
    {
                
    // 用正则表达式将前后空格
                // 用空字符串替代。
                return this.replace(/(^\s*)|(\s*$)/g, "");
            }

             
    //二级联动
            function linkage(selBigID,selSmallID,tip,arrSmallClass)
            
    {
                
    var objL = document.getElementById(selBigID);
                
    var obj = document.getElementById(selSmallID);
                obj.length 
    = 0;
                
    if(tip.trim()=="") tip="-请选择-";  
                
                
    if(objL.selectedIndex == 0)
                
    {                
                    obj.options[
    0= new Option(tip, ""); 
                    
    return;
                }
                
                
                
    var len = 0;
                
    var bigClassId = objL.options[objL.selectedIndex].value;  
                
    var tip2 = "-无子类-";
                
    for(var i=0; i<arrSmallClass.length; i++)
                
    {
                    
    //alert(bigClassId +' --- '+ arrSmallClass[i][2]);
                    if(arrSmallClass[i][2== bigClassId)
                    
    {
                        tip2 
    = tip;
                        obj.options[
    ++len] = new Option(arrSmallClass[i][1], arrSmallClass[i][0]);
                    }

                }
             
                obj.options[
    0= new Option(tip2, "");   
               }

       
    //-->
      
    </script>

    ============================================
     
    <td height="35" align="right">关联交易大类别:</td>
          
    <td height="35">
              
    <select id="drpBig_relating_type" name="drpBig_relating_type" Onchange="javascript:linkage(this.id,'drpSmall_relating_type','',arrSubRelatingType);">
                 
    <option value="">-请选择-</option>        
                 
    <exp:options name="drpBig_relating_type" list="groupnameListrelating" idfield="group_id" namefield="group_name" default="<%=this.value("val_big_relating","")%>" />     
              
    </select>
          
    </td>
          
    <td height="35" align="right">关联交易子类别:</td>
          
    <td height="35">
          
    <select id="drpSmall_relating_type" name="drpSmall_relating_type">
               
    <option value="">-请选择-</option>
             
    <exp:options name="drpSmall_relating_type" list="typenameListrelatingSub" idfield="type_id" namefield="type_name" default="<%=this.value("val_small_relating","")%>"/>
          
    </select>
          
    </td>
  • 相关阅读:
    Atitit (Sketch Filter)素描滤镜的实现  图像处理  attilax总结v2
    JS设置cookie、读取cookie、删除cookie
    Atitit 图像处理30大经典算法attilax总结
    Atitit数据库层次架构表与知识点 attilax 总结
    Atitit 游戏的通常流程 attilax 总结 基于cocos2d api
    Atitti css transition Animation differ区别
    Atitit 图像清晰度 模糊度 检测 识别 评价算法 源码实现attilax总结
    Atitit 全屏模式的cs桌面客户端软件gui h5解决方案 Kiosk模式
    Atitit 混合叠加俩张图片的处理 图像处理解决方案 javafx blend
    Atitit  rgb yuv  hsv HSL 模式和 HSV(HSB) 图像色彩空间的区别
  • 原文地址:https://www.cnblogs.com/ding0910/p/624074.html
Copyright © 2011-2022 走看看