类别联动下拉菜单

适用范围：省市无限级联动，商品类别无限极联动

需要使用到的jQuery插件为cxselect，ok说不清楚，还是直接上代码比较直观

HTML代码如下：

<div id="element_id" class="formControls col-xs-8 col-sm-9">
      <select class="select1" id="cate" name="category[]" data-value="" data-first-title="----全部----" style="height:30px;"></select> 
      <select class="select2" id="cate" name="category[]" data-value="" data-first-title="----全部----" style="height:30px;"></select> 
      <select class="select3" id="cate" name="category[]" data-value="" data-first-title="----全部----" style="height:30px;"></select>
      <select class="select4" id="cate" name="category[]" data-value="" data-first-title="----全部----" style="height:30px;"></select>
      <select class="select5" id="cate" name="category[]" data-value="" data-first-title="----全部----" style="height:30px;"></select> 
</div>

js代码如下：

<script type="text/javascript" src="__STATIC__/admin/js/cxselect/jquery.cxselect.min.js"></script>

function checkForm(){
    var categorys = [];
    $("#cate").each(function () {
        var val = $(this).val();
        if (val != "") {
            categorys.push(val);
        }
    });
    if (categorys.length == 0) {
        alert("请选择类别。");
        return false;
    }
    return true;
}

$.cxSelect.defaults.url = '/category/category.json';
$('#element_id').cxSelect({
    selects: ['select1', 'select2', 'select3', 'select4', 'select5'],
    nodata: 'none',
    required:false,
    firstTitle:'----全部----',
    firstValue:''
});

category.json文件需要在类别管理中生成所有类别的json文件，php控制器代码如下：

    /*生成类别json数据*/
    public function createJson(){
        $categoryModel = new CateModel();
        if($categoryModel->wirteJson()){
            echo "<script>alert('类别数据生成成功!');location.href='index';</script>";
        }else{
            echo "<script>alert('类别数据生成失败!');location.href='index';</script>";
        }
    }

php模型代码如下：

/*生成类别JSON数据*/
public function wirteJson(){
    $dataInfo = \think\Db::query("select id as v,name as n,pid from think_pro_category");
    $data = $this->getCategoryJson($dataInfo);
    return $data;
}

/**
 * 功能:无限级类别json数据生成
 * 参数:$data 类别查询结果集
 * 返回值:$json 递归查询排序后的json数据
 */
public function getCategoryJson($dataInfo) {
    /*生成json数据*/
    foreach($dataInfo as $category) {
        $tree[$category['v']] = $category;
        $tree[$category['v']]['s'] = array();
    }
    $content = json_encode(generateTree($tree));
    $content = str_replace(',"s":[]', "", $content);
    // for( $i = 0; $i < count($dataInfo); $i++ ) {
    //     $content = str_replace('"'.$dataInfo[$i]['v'].'":', "", $content);
    // }
    //$content = '['.substr($content,1,strlen($content)-2).']';
    //return $content;
    /*写入文件*/
    //文件存放路径
    $filePath = $_SERVER['DOCUMENT_ROOT'].DS.'/category/category.json';
    $returnval = file_put_contents($filePath,$content);
    // $fopen = fopen($filePath,'w+');
    // fwrite($fopen,$content);
    // fclose($fopen);
    return $returnval;
}

公共函数：

/**
 *处理分类数组
**/
function generateTree($items) {
    $tree = array();
    foreach($items as $item){
        if(isset($items[$item['pid']])){
            $items[$item['pid']]['s'][] = &$items[$item['v']];
        }else{
            $tree[] = &$items[$item['v']];
        }
    }
    return $tree;
}