zoukankan      html  css  js  c++  java
  • Bootstrap Multiselect 设置 option

     $.ajax({
            type: 'post',
            url: "helper/ajax_search.php",
            data: {models: decodeURIComponent(brands)},
            dataType: 'json',
            success: function(data) {
                $('select.multiselect').empty();
    $('select.multiselect').append( $('<option></option>') .text('alle') .val('alle') ); $.each(data, function(index, html) { $('select.multiselect').append( $('<option></option>') .text(html.name) .val(html.name) ); }); $('.multiselect').multiselect('rebuild') }, error: function(error) { console.log("Error:"); console.log(error); } });

    <extend name="Public/base" />
    <block name='style'>
    <style type="text/css">
    .sctext{ 700px; height: 300px;}
    </style>
    </block>
    <block name="body">
    <div class="main-title cf">
    <h2>渠道授权页面</h2>
    </div>
    <br/>

    <!-- 表单 -->
    <form id="form" action="{:U('/Admin/System/User/userChannelAuth')}" method="post" class="form-horizontal">
    <input id="user_id" name="user_id" type="hidden" value="{$_GET['id']}">
    <input id="user_name" name="user_name" type="hidden" value="{$_GET['name']}">
    <div class="form-item">
    <label class="item-label">平台类型<span class="check-tips">(请勾选平台类型)</span></label>
    <div>
    <select id="platform_type" name="platform_type[]" multiple="multiple">
    <volist name="platform_type" id="vo">
    <in name="vo.type_id" value="$platform_type_id">
    <option value="{$vo.type_id}" class="row-select" selected="selected">{$vo.type_name}</option>
    <else/>
    <option value="{$vo.type_id}" class="row-select" >{$vo.type_name}</option>
    </in>
    </volist>
    </select>
    </div>
    </div>
    <br/>
    <div class="form-item">
    <label class="item-label">渠道<span class="check-tips">(请勾选渠道)</span></label>
    <div>
    <select id="channel" name="channel[]" multiple="multiple">
    <volist name="ChannelInfo_data" id="vo">
    <in name="vo.id" value="$channel_id">
    <option value="{$vo.id}" class="row-select" selected="selected">{$vo.cn_name}</option>
    <else/>
    <option value="{$vo.id}" class="row-select" >{$vo.cn_name}</option>
    </in>
    </volist>
    </select>
    </div>
    </div>
    <br/>
    <div class="form-item">
    <label class="item-label">授权用户:{$_GET["name"]}<span class="check-tips"></span></label>

    </div>
    <br/>
    <div class="form-item">
    <button type="submit" class="btns submit-btn ajax-post" target-form="form-horizontal">授 权</button>
    </div>
    </form>
    </block>

    <block name="script">
    <script type="text/javascript" charset="utf-8">
    //导航高亮
    highlight_subnav('{:U('/Admin/System/User/index')}');

    highlight_subnav('{:U('saveServer')}');
    Think.setValue('lua','{:I('lua')}');
    $('#platform_type').multiselect(
    {
    enableFiltering: true,
    nonSelectedText:'请选择平台类型',
    filterPlaceholder:'搜索',
    nSelectedText:'项被选中',
    includeSelectAllOption:true,
    selectAllText:'全选/取消全选',
    allSelectedText:'已选中所有平台类型',
    maxHeight:300
    });
    $('#channel').multiselect(
    {
    enableFiltering: true,
    nonSelectedText:'请选择渠道',
    filterPlaceholder:'搜索',
    nSelectedText:'项被选中',
    includeSelectAllOption:true,
    selectAllText:'全选/取消全选',
    allSelectedText:'已选中所有渠道',
    maxHeight:300
    });

    $("#platform_type").bind("click",function(){

    $("#channel option[value]").remove();
    });
    $("#platform_type").bind("change",function(){

    var platform_type_ids=$("#platform_type").val();//获取所有的平台类型

    if(platform_type_ids!=null){
    var ulr='{:U('/Admin/System/User/getChannel')}';
    $.ajax({
    type:"GET",
    url:ulr,
    data:{ids:platform_type_ids},
    dataType:"json",
    success:function(data){
    $("#channel option[value]").remove();

    $(data).each(function(k,v){
    $('#channel').append(
    //selected="selected"
    $('<option ></option>').text(v["cn_name"]).val(v["id"])
    );
    });
    $('#channel').multiselect('rebuild');
    $("#channel").multiselect( 'refresh' );
    }
    });
    }else{

    $('#channel').multiselect('destroy');
    $('#channel').empty();
    $('#channel').multiselect({
    enableCaseInsensitiveFiltering : true,
    nonSelectedText:'请选择渠道',
    maxHeight:300

    });


    }

    });



    </script>
    </block>

  • 相关阅读:
    2020-2021-1 20201314 《信息安全专业导论》第七周学习总结
    2020-2021-1 20201314 《信息安全导论》第六周学习总结
    fibnacci数列递归实现
    实现进制转化伪代码
    求最大公约数伪代码
    2020-2021-1 20201314 《信息安全专业导论》第五周学习总结
    xor 加密
    Pep9 课下作业
    2020-2021-1 20201314 《信息安全专业导论》第四周学习总结
    寻找你的黑客偶像
  • 原文地址:https://www.cnblogs.com/hgj123/p/4682280.html
Copyright © 2011-2022 走看看