12

下拉框多选插件

2016-07-31 21:25:00    1147533288    1534    原创
摘要:chosen插件使用

1.下载地址 http://pan.baidu.com/s/1kUOQe6z

2.多选框使用

<!--

<link rel='stylesheet' type='text/css' href='__ROOT__/public/plugin/chosen/chosen.css' />

<select name="unit_admin[]" data-placeholder="请选择用户" multiple class="chzn-select" style="width:250px;height:29px;">
            <?php
              $unit_admin_array = explode('#',$unit_admin);
              foreach($admin_f as $key=>$value){
                    $selected = false;
                    foreach($unit_admin_array as $selectValue){
                        if($value['zid']==$selectValue){
                            $selected = true;
                        }
                    }
                    if($selected){
                        echo '<option value="'.$value['zid'].'" selected>'.$value['zname'].'</option>';
                    }else{
                        echo '<option value="'.$value['zid'].'">'.$value['zname'].'</option>';
                    }

                }
          ?>
        </select>
        <script src="__ROOT__/Public/plugin/chosen/chosen.jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(".chzn-select").chosen();
            $('input.default').css('height',28);
        </script>

-->

3.unit_admin数据提交后台后为数组,然后数组转文本存入数据库(e.g 7#8#1)

$_POST['unit_admin'] = implode('#',$_POST['unit_admin']);

4.效果截图



苏ICP备18038013号-1
蝉知 蝉知5.2