weui之Picker的使用，分别获取label和value

最新推荐文章于 2025-06-07 09:11:19 发布

hangGe0111

最新推荐文章于 2025-06-07 09:11:19 发布

阅读量1.9w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： html 文章标签： weui的Picker 获取label值 weui picker如何获取选中的lable文本

本文链接：https://blog.csdn.net/hangGe0111/article/details/81585748

1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>WeUI</title>
		<!--必须-->
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<!--引入css样式文件-->
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.css"/>
	</head>
	<body>
		<div class="page">
		    <div class="page__hd">
		        <h1 class="page__title">Picker</h1>
		        <p class="page__desc">多列选择器，需要配合js实现</p>
		    </div>
		    <div class="page__bd page__bd_spacing">
		        <a href="javascript:;" class="weui-btn weui-btn_default" id="showPicker">单列选择器</a>
		        <a href="javascript:;" class="weui-btn weui-btn_default" id="showDatePicker">日期选择器</a>
		    </div>
		</div>
		<!--引入zepto,因为在后续的过程中会用到jq，zepto中集成了jq-->
		&l