zoukankan      html  css  js  c++  java
  • jquery去掉或者替换字符,设置指定options为selected状态

    <html>

    <body>

    <div><select id="queryYear">
                     <option value="2015">2015年</option>
                    <option value="2014">2014年</option>
                    <option value="2013">2013年</option>
                 </select><select id="queryMonth">
                     <option 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><a class="oaMWage_sureBtn" href="javascript:void(0)" >确定</a></div>

    </body>

    <script type="text/javascript">
    var nowYear = new Date().getFullYear();//引入的系统当前年份
    var nowMonth = (new Date().getMonth())+1;//引入的系统当前月份
    $(function(){ //用JQuery必须的操作,加载完dom(页面内容)的时候,再执行,相当于JQuery较早版本以前的$(document).ready(function(){ ......  })一样
         $("#queryYear").find("option[value="+nowYear+"]").attr("selected","selected"); //查找id为queryYear的select下拉选的option的value值为nowYear的option,设置为selected
        

      $("#queryMonth").find("option[value="+nowMonth+"]").attr("selected",true);
      $(".oaMWage_sureBtn").click(function(){
          var queryYear = $("#queryYear").val().replace("年",""); //替换当前获取的时间,例如2015年,可我只需要2015这四个数字而已
         

      var queryMonth = $("#queryMonth").val().replace("月","");

      $.ajax({ //发送一个JQuery的ajax请求给后台,并成功时返回json字符串
                type:"POST",
                url:"${ctx }/salary/queryOne",
                data:{year:queryYear,month:queryMonth},
                dataType:"json",
                success:function(json){}

    });

    });

    }</script>

    </html>

    <div class="col-xs-12 col-sm-12 col-md-6"><select class="oaMWage_selectY" id="queryYear">
                     <option value=${nowYear }>${nowYear }年</option>
                    <option value=${nowYear-1 }>${nowYear-1 }年</option>
                    <option value=${nowYear-2 }>${nowYear-2 }年</option>
                 </select><select class="oaMWage_selectY" id="queryMonth">
                     <option 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><a class="oaMWage_sureBtn" href="javascript:void(0)" >确定</a></div>

  • 相关阅读:
    linux查看系统类型和版本
    javascript 中的继承实现, call,apply,prototype,构造函数
    redis原理分析
    HashTable 简述
    算法之 快速排序
    react js 之生命周期
    Java源代码编译过程
    Java字节码文件结构---概述
    Java程序运行时内存划分
    数据结构--汉诺塔--借助栈实现非递归---Java
  • 原文地址:https://www.cnblogs.com/zrui-xyu/p/4442049.html
Copyright © 2011-2022 走看看