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;
        }
        
        
    });
    
原文地址:https://www.cnblogs.com/tanjiyuan/p/12410394.html