【JQuery】JQuery WEUI Select：选择器的监听事件

最新推荐文章于 2025-11-15 06:42:21 发布

原创最新推荐文章于 2025-11-15 06:42:21 发布 · 5.4k 阅读

3 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在使用jQuery-weui.min.js时，如何正确地设置和使用select选择器的onChange事件监听，避免因错误的事件绑定导致的选择器加载失败问题。文中详细介绍了正确的事件绑定方法，并给出了具体的代码示例。

【参考文档】

官方文档

引入js

注：onChange监听事件是写在“select”内部的
在标签中加onChange=“xxx()“
或者js中是 $(".year-choice").on(“change”,function(){})
这两种写法都无法正确监听事件，并且会导致select选择器无法正常加载（一闪而过）

<script type="text/javascript" src="<%=basePath%>/static/js/jquery-weui.min.js"></script>
<script>
	var applyTime = $("#applyTime").val();
	$(".year-choice").select({
	title: "选择年份",
		items: [ {
						title: "2015",
						value: "1",
						}, {
						title: "2016",
						value: "2",
					}],
		onChange: function(data){
			var titles = data.titles;
			if(titles != applyTime) {
				/*根据年份进行查询*/
				applyTime = $("#applyTime").val();
				var pathName=window.document.location.pathname;
				var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
				window.location.href = projectName + "/getCashRecord.do?applyTime="+applyTime;
			}
		}
	});
</script>