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>

posted @ 2015-04-20 17:01  花语苑  阅读(494)  评论(0编辑  收藏  举报