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

浏览数：25 / 时间：2015年06月09日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 分页 select jquery 分页 select jquery

相关文章

随机文章

您可能还喜欢

您可能还喜欢