首页 > Web开发 > 详细

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

时间:2015-05-08 16:33:47      阅读:148      评论:0      收藏:0      [点我收藏+]

在制作分页时,当用户点击了每页显示多少条数据之后,页面应该记录这个数值,然后当该页加载完成时应该自动选中这个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控件选项

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!