MUI 移动端选择器

MUI 移动端选择器第一步 初始化 PopPicker 组件对象 varsexx newmui PopPicker 第二步 给对象设置数据集 sexx setData value 1 text 男 value 2 tex

大家好,欢迎来到IT知识分享网。

完整版代码

引用相关 css 和 js 

<link rel="stylesheet" href="/mobile/libs/mui/css/mui.picker.css">
<link rel="stylesheet" href="/mobile/libs/mui/css/mui.poppicker.css">
<script src="/mobile/libs/mui/js/mui.js"></script>
<script src="/mobile/libs/mui/js/mui.picker.min.js"></script>

$(document).on('click','[data-role="sex"]',function(){
	var sexx = new mui.PopPicker();
	sexx.setData([{value:'1',text:'男'},{value:'2',text:'女'}]);
	if (sex == 1) {
	  sexx.pickers[0].setSelectedIndex(0);
	}
	if (sex == 2) {
	  sexx.pickers[0].setSelectedIndex(1);
	}
	sexx.show(function(items) {
		sex = items[0]['value'];
		$('[data-role="sex"]').find('span').html(items[0]['text']);
		edituserinfos(username,mobile,studysection,grade,sex,'','');
	})
})

具体看:MUI 移动端选择器

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/100989.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信