zoukankan      html  css  js  c++  java
  • 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;
            }
            
            
        });
        
  • 相关阅读:
    HO引擎近况2020712
    大地形初探小结一
    大地形初探之信息收集
    真实大地形初探
    翻译22 Unity中的曲面
    翻译21 平面和线框着色
    翻译20 视差和法线、高度图回顾
    翻译19 GPU Instance
    翻译18 Realtime GI & LPPV & LOD
    翻译17 Mixed Lighting混合光照
  • 原文地址:https://www.cnblogs.com/tanjiyuan/p/12410394.html
Copyright © 2011-2022 走看看