JS_Select賦值的幾種方式


                    <div class="vip_tit">
                        年度 <select id="year_id"></select> &nbsp;
                        月度 <select id="month_id">
                                <option selected="selected" value="1">1月</option>
                                <option value="2">2月</option>
                                <option value="3">3月</option>
                                <option value="4">4月</option>
                                <option value="5">5月</option>
                                <option value="6">6月</option>
                                <option value="7">7月</option>
                                <option value="8">8月</option>
                                <option value="9">9月</option>
                                <option value="10">10月</option>
                                <option value="11">11月</option>
                                <option value="12">12月</option>
                            </select> &nbsp;
                        結果
                            <select id="starts_id"></select>
                            &nbsp;
                        <input type="button" class="button" name="button" value="查詢" onclick="search();" /> 
                            &nbsp;
                        <input type="button" class="button" name="button" value="重置" onclick="resfreh();" /> 
                    </div>
    // init.
    $(function(){
    
        /**
        * 年月
        */
        var ndate = new Date();
        
        var year = ndate.getFullYear(); // 年。
        var month = ndate.getMonth() + 1; // 月。
        
        // 當前年。
        var new_year = year;
        
        // 去年。
        var last_year = year - 1 ;
        
        // 去年的去年。
        var last_l_year = year - 2 ;
        
        // 年度參數選項數據初始化!
        $("#year_id").append("<option selected='selected' value='"+new_year+"'>"+new_year+"年</option>");  //為Select追加一個Option(下拉項)
        $("#year_id").append("<option value='"+last_year+"'>"+last_year+"年</option>");  //為Select追加一個Option(下拉項)
        $("#year_id").append("<option value='"+last_l_year+"'>"+last_l_year+"年</option>");  //為Select追加一個Option(下拉項)
        
        // 狀態參數選項數據初始化!
        $("#starts_id").append("<option selected='selected' value='0'>全部</option>");  //為Select追加一個Option(下拉項)
        $("#starts_id").append("<option value='3'>待定</option>");  //為Select追加一個Option(下拉項)
        $("#starts_id").append("<option value='1'>一致</option>");  //為Select追加一個Option(下拉項)
        $("#starts_id").append("<option value='2'>不一致</option>");  //為Select追加一個Option(下拉項)
        
        /**
        * 域參數獲取。
        * y:年度參數獲取!
        * m:月度參數獲取!
        * statrs:狀態參數獲取!
        */
        var y = '${pd.YEAR}';
        var m = '${pd.MONTH}';
        var statrs = '${pd.statrs}';
        
        
        // 年份option對象獲取。
        var y_option = document.getElementById("year_id");
        
        // 月份option對象獲取。
        var m_option = document.getElementById("month_id");
        
        // 狀態對象獲取!
        var starts_option = document.getElementById("starts_id");
        
        //年份option對象緩存追加。
        for(var i=0;i<y_option.length;i++){
            if(y_option[i].value==y)
            y_option[i].selected = true;
        }
        
        // 月度參數預設。
        if(m == ""){
        
            // 月份option對象預置。
            for(var i=0;i<m_option.length;i++){
                if(m_option[i].value== month)
                m_option[i].selected = true;
            }
            
        }else{
        
            // 月份option對象緩存追加。
            for(var i=0;i<m_option.length;i++){
                if(m_option[i].value==m)
                m_option[i].selected = true;
            }
            
        }
        
        // 狀態option對象緩存追加。
        for(var i=0;i<starts_option.length;i++){
            if(starts_option[i].value==statrs)
            starts_option[i].selected = true;
        }
        
        
    });
    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM