關于select2項目中用法總結

1,形式:

 ①
                       <div class="span4">
                            <label>裝置編号：</label>
                            <form:select path="deviceNum" cssClass="input-large" disabled="true" >
                                <form:option value="" label=""/>
                                <form:options items="${fns:getDictList('device_num')}" itemLabel="label" itemValue="value" htmlEscape="false" />
                            </form:select>
                        </div>

        ②    
                      <div class="span4">
                        <label>治理措施：</label>
                        <select id="dealMesure" name="dealMesure" class="size required" style="width:200px;">
                            <option value=""></option>
                            <c:forEach items="${fns:getDictList('deal_measure')}" var="list">
                                <option value='${list.value}'>
                                        ${list.label}</option>
                            </c:forEach>
                        <select>
                      </div>
         ③
                     <div class="span4">
                        <label>治理狀态：</label>
                        <select id="dealState" name="dealState"  class="input-small">
                            <option value="0">進行中</option>
                            <option value="1">已完成</option>
                        <select>
                      </div>
           

2,用法

1,指派:
        var ddd = $("#dealState").select2();//擷取selectid
            ddd.val("1").trigger("change");設定 value 為four的 option 為選中狀态
            ddd.change()告訴select2代碼已經更新，需要重載  預設選擇有值得第一個

 
         $("#dealState").val(row.dealState);//這種是boostraptable加載資料點選行指派給下拉框
         $('#s2id_dealState').find('.select2-chosen').text($("#dealState").find("option:selected").text());     
           

3.change事件

  $("#edOptionNumber").on("change",function(e){
                console.log(e.val); // e 的話就是一個對象 然後需要什麼就 “e.參數” 形式 進行擷取 
                var optionNumber = e.val;
                if (argQuestionType == 0) {
                    showSingleSelectOptions(optionNumber, null, null);
                }
                if (argQuestionType == 1) {
                    showMutiSelectOptions(optionNumber, null, null);
                }
            })
           

[官網:][1]: http://select2.github.io/options.html#core-options

[Select2元件使用小結][2]: https://www.cnblogs.com/landeanfen/p/5099332.html

  [3]: http://select2.github.io/options.html#core-options

  [4]: https://www.cnblogs.com/landeanfen/p/5099332.html