weui之Picker的使用-动态赋值

最新推荐文章于 2022-08-23 18:04:56 发布

LiWei丶丶

最新推荐文章于 2022-08-23 18:04:56 发布

阅读量2.1k

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_35410775/article/details/122216140

版权

看了很多资料举例都是这样,直接赋值的.

$(function(){	
    $('.dispatch').click(function(){
           weui.picker([
				{
			        label: '不需要',
			        value: 0
				}, {
			        label: '需要',
			        value: 1
				}
		    ] , {
		        onChange: function (result) {
		            console.log(result);
		        },
		        defaultValue : [0],
		        onConfirm: function (result) {
		        	$('.dispatch').text(result[0].label);
		        	$('#bxpz').val(result[0].value);
		        	if(result[0].value == 2){
		        		$('#dispatch').removeClass('hide');
		        	}else{
		        		$('#dispatch').addClass('hide');
		        	}
		        	alert(result[0].value);
		        },
		        title: '凭证'
		    });
});
});

动态赋值

$(function(){	
    $('.dispatch').click(function(){
			var b=[];
			$.ajax({
    			url:'/book/kdyj/select',
    			type:'post',
    			data:{"bxpz":"11"},
    			dataType:'json',
    			success:function(result){
    				alert(result.message);
    				alert(result.data[0].kdfs);
    				for (var j = 0; j < result.data.length; j++) {
    					b.push({
    						  label: result.data[j].kdfs,
    					       value: j
    					})
    				};
    				weui.picker(b, {
    				        onChange: function (result) {
    				            console.log(result);
    				        },
    				        defaultValue : [0],
    				        onConfirm: function (result) {
    				        	$('.dispatch').text(result[0].label);
    				        	$('#bxpz').val(result[0].value);
    				        	if(result[0].value == 2){
    				        		$('#dispatch').removeClass('hide');
    				        	}else{
    				        		$('#dispatch').addClass('hide');
    				        	}
    				        	alert(result[0].value);
    				        	$.ajax({
    				    			url:'/book/bxpz/select',
    				    			type:'post',
    				    			data:{"bxpz":result[0].value},
    				    			dataType:'json',
    				    			success:function(result){}
    				    		});
    				        
    				        },
    				        title: '凭证'
    				    });
    			}
    		});
		
		});
});

运行效果