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{ width:700px; height: 300px;}
</style>
</block>
<block name="body">
    <div class="main-title cf">
        <h2>渠道授权</h2>
    </div>
    <!-- 表单 -->
    <form id="form" action="" method="post" class="form-horizontal">
       <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">
                        <option value="{$vo.type_id}">{$vo.type_name}</option>
                    </volist>
                </select>
            </div>
        </div>
        <div class="form-item">
            <label class="item-label">渠道<span class="check-tips">(请勾选渠道)</span></label>
            <div>
                <select id="channel" name="channel[]" multiple="multiple">
                    
                      
                    
                </select>
            </div>
        </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("change",function(){
        var platform_type_ids=$("#platform_type").val();//获取所有的平台类型
    
        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").nonSelectedText(v["cn_name"]);  $(‘#channel‘).append( $(‘<option></option>‘).text(v["cn_name"]).val(v["id"]) ); }); $(‘#channel‘).multiselect(‘rebuild‘) } }); }); </script> </block>

 

文章来自:http://www.cnblogs.com/hgj123/p/4682280.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3