码迷,mamicode.com
首页 > 移动开发 > 详细

手机端移动端的选择框mobileSelect.js使用

时间:2018-07-17 14:16:05      阅读:924      评论:0      收藏:0      [点我收藏+]

标签:sign   only   NPU   手机   定位   获取数据   class   plain   name   

手机端移动端的选择框mobileSelect.js使用

文件地址:https://github.com/onlyhom/mobileSelect.js 

请感兴趣的自行下载

 

使用过程

1 引入标签

<link rel="stylesheet" type="text/css" href="css/mobileSelect.css">

<script src="js/mobileSelect.js" type="text/javascript"></script>

这里我引入的是mini 其实一样用

 

2 数据初始化

//获取物流公司信息
        $delivery=model(‘Delivery‘);
        $expressComList=$delivery->expressName;
        $data=array();
        $i=0;
        foreach($expressComList as $k=>$v){
            $data[$i][‘id‘]=$k;
            $data[$i][‘value‘]=$v;
            $i++;
        }
        $this->assign(‘expressComList‘,json_encode($data));

 

3 使用普通数组的联动

<p><input type="text" id="express_trigger" name="express_name"  class="placeholder_99" placeholder="物流公司" /></p>

JS 函数部分

var mobileSelect = new MobileSelect({
        trigger: #express_trigger,
        title: 单项选择, 
        wheels: [
                    {data:{$expressComList}}
                ],
        position:[2], //初始化定位
        callback:function(indexArr, data){
            mobileSelect.position=[indexArr];
            $(#express_code).val(data[0].id);
            $(#express_trigger).val(data[0].value);
        } 
    });

 

 

 4  剩下的就是获取数据了  本文不在描述

手机端移动端的选择框mobileSelect.js使用

标签:sign   only   NPU   手机   定位   获取数据   class   plain   name   

原文地址:https://www.cnblogs.com/baker95935/p/9322758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!