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;
            }
            
            
        });
        
  • 相关阅读:
    封装成帧、帧定界、帧同步、透明传输(字符计数法、字符串的首尾填充法、零比特填充的首尾标志法、违规编码法)
    计算机网络之数据链路层的基本概念和功能概述
    物理层设备(中继器、集线器)
    计算机网络之传输介质(双绞线、同轴电缆、光纤、无线电缆、微波、激光、红外线)
    计算机网络之编码与调制
    0953. Verifying an Alien Dictionary (E)
    1704. Determine if String Halves Are Alike (E)
    1551. Minimum Operations to Make Array Equal (M)
    0775. Global and Local Inversions (M)
    0622. Design Circular Queue (M)
  • 原文地址:https://www.cnblogs.com/tanjiyuan/p/12410394.html
Copyright © 2011-2022 走看看