[插件]jQuery multiselect初始化及默認值修改

 

下載地址：http://pan.baidu.com/s/1dE2daSD

 

1.Jquery多選下拉列表插件jquery multiselect功能介紹及使用

http://www.jb51.net/article/37323.htm

 

html

<div class="form-group">
                        <div class="col-md-6">
                            <label for="inputEmail3" class="col-md-3 control-label">客戶:</label>
                            <div class="col-md-9">
                                <select id="selectAgent" multiple='multiple' name="UR_Agent">
                                    @{
for (int i = 0; i < AgentUserlist.Count; i++)
                                        {
                                        <option value='@AgentUserlist[i].UserName'>@AgentUserlist[i].UserName</option>
                                        }
                                    }
</select>
                            </div>
                        </div>
                        <!--排版占位-->
                        <div class="col-md-6">
                        </div>
                    </div>

 

js

@*下拉選項*@

<link rel="stylesheet" type="text/css" href="~/assets/mutiselect/multiselectSrc/jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="~/assets/mutiselect/assets/style.css" />
<link rel="stylesheet" type="text/css" href="~/assets/mutiselect/assets/prettify.css" />
<link href="~/assets/mutiselect/assets/jquery-ui.css" rel="stylesheet" />

<script type="text/javascript" src="~/assets/mutiselect/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="~/assets/mutiselect/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="~/assets/mutiselect/assets/prettify.js"></script>
<script type="text/javascript" src="~/assets/mutiselect/multiselectSrc/jquery.multiselect.js"></script>



<script type="text/javascript">        //綁定下拉列表
  //綁定客戶
    $("#selectAgent").multiselect({
        noneSelectedText: "==請選擇==",
        checkAllText: "全選",
        uncheckAllText: '全不選',
        selectedList: 4,
    });

    //初始化默認選中已有的選項,sceneIdList是要默認選中的值
    var sceneIdList = "@Model.UR_Agent";
    sceneIdArr = sceneIdList.split(",");
    $('#selectAgent option').each(function (i, content) {
        //alert(i+"***"+content.value);
        if ($.inArray($.trim(content.value), sceneIdArr) >= 0) {
            this.selected = true;
        }
    });

    //設置選中值后，需要刷新select控件
    $("#selectAgent").multiselect('refresh');