码迷,mamicode.com
首页 > Web开发 > 详细

使用Jquery动态选中Select控件选项

时间:2015-05-08 16:36:55      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:分页   select   jquery   

在制作分页时,当用户点击了每页显示多少条数据之后,页面应该记录这个数值,然后当该页加载完成时应该自动选中这个Select值才对,实现如下:
HTML

……
每页数量
<select name = "pageSize" id="pageSize" sel="${pageModel.pageSize}">
    <option value="20">20</option>
    <option value="50">50</option>
    <option value="100">100</option>
</select>
……

JS

$(document).ready(function() {
    // 获取id为pageSize的sel属性值
    var temp = $("#pageSize").attr("sel");
    // 动态选中Select
    $("#pageSize").val(temp);
});

如图:
点击第一页
技术分享
点击第二页
技术分享
点击第二页的时候,页面刷新出来,默认应该选在100条/页上才对。

使用Jquery动态选中Select控件选项

标签:分页   select   jquery   

原文地址:http://blog.csdn.net/limenghua9112/article/details/45580901

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!