bootstrap-select需要注意的問題

• bootstrap-select普通的模糊查詢按照如下方式便可，在select標籤中增加**class=“selectpicker” data-live-search=“true” **

				<select class="selectpicker" data-live-search="true" id="game" name="game">
                <c:forEach items="${games}" var="ga">
                    <option value="${ga.id}">${ga.name}</option>
                </c:forEach>
            </select>

• 如果是動態添加數據，如下所示。則需要添加 $(".selectpicker").selectpicker('refresh');和$(".selectpicker").selectpicker(‘render’);

			$.each(data.tasks, function (index, value) {
                    arr += "<option value=\'" + value.taskId + "\'>" + value.taskName + "</option>";
                });
              
                $("#taskName").append(arr);
                $(".selectpicker").selectpicker('refresh');
                $(".selectpicker").selectpicker('render');
            },

• 如果整個select框是動態添加的，我們不能溝通過clone的方式進行clone某個含有bootstrap-select的select框(我使用不可以clone),如下方式是不行的

$('#channel_container').append($('#channel_model').children().clone(true));//clone導致bootstrap-select模糊查詢失效

我們可以通過append方式進行動態添加，如下所示：

 $('.channel_container').append('<div class="row channel_model">\n' +
            '                <div class="span4">\n' +
            '                    <input type="hidden" name="channelId" id="channelId">\n' +
            '                    <label  class="control-label col-md-1">渠道：</label>\n' +
            '                    <div class="channel">\n' +
            '                        <select  class="selectpicker" data-live-search="true" >\n' +
            '                            <c:forEach items="${customerForms}" var="item">\n' +
            '                                <option value="${item.customerId}">${item.name}</option>\n' +
            '                            </c:forEach>\n' +
            '                        </select>\n' +
            '                    </div>\n' +
            '                </div>\n' +
            '                <div class="span4">\n' +
            '                    <label for="demandAmount" class="control-label col-md-1">需求數量：</label>\n' +
            '                    <div class="demandAmount">\n' +
            '                        <input name="demandAmount" type="text" id="demandAmount"/>\n' +
            '                    </div>\n' +
            '                </div>\n' +
            '                <button class=\' btn btn-default span1\' onclick="removeChannel(this)" type=\'button\'><span\n' +
            '                        class=\'icon-trash\'></span></button>\n' +
            '            </div>');
        $(".selectpicker").selectpicker('refresh');
        $(".selectpicker").selectpicker('render');