效果图如下：
点击订单状态，跳出有各种订单状态的选择器；
步骤一：
自定义js文件存放订单状态json对象，代码如下：
var orderStatusData = [{
value: '1',
text: '已发单'
},{value: '2',
text: '司机已接单'
},{value: '3',
text: '开始行程'
},{value: '4',
text: '结束行程'
},{value: '5',
text: '已收款'
},{value: '8',
text: '用户取消的订单'
},{value: '9',
text: '司机取消的订单'}];
在页面引用该js文件：<script src="js/appSearchConfigDict.js"></script>
步骤二：
在页面content中添加订单状态input标签：
<div class="mui-input-row">
<label>订单状态：</label>
<input type="text" id="status" class="mui-input-clear" placeholder="请输入订单状态">
</div>
步骤三：
在js代码中为订单状态input标签加载订单状态json对象：
var statusPicker = new $.PopPicker();
statusPicker.setData(orderStatusData);
status.addEventListener('tap', function(event) {
statusPicker.show(function(items) {
status.value = items[0].text;
statusVal=items[0].value;
});
}, false);
