1. 程式人生 > >關於select的多選框實現

關於select的多選框實現

藉助easyui-combobox來實現, 具體程式碼如下

<td>多選</td>
                    <td>
                        <select id="businessContent" style="height: 30px" name="businessContent" multiple="multiple"
                                 class="easyui-combobox" data-options="multiple:true">
                            <option value="">--請選擇--</option>
                            <option value="1">A</option>
                            <option value="2">B</option>
                            <option value="3">C</option>
                        </select>
                    </td>

設定回顯值, 通過其 setValues. 傳一個數組即可.注意在頁面載入完後進行

var businessContentVal = '${review.businessContent}';
        if (businessContentVal != null && businessContentVal != '') {
            var arr = businessContentVal.split(",");
            $("#businessContent").combobox("setValues",arr);
        }

ps: 該程式碼需需在文件載入完成後執行.不能直接寫在<select>下方.