So erstellen Sie einen Dynamic Bootstrap Multiselect

Ich versuche, Bootstrap Multiselect zu verwenden. Ich habe den folgenden Code verwendet:

html

<input type="text" id="addRow"/>
<input type="button" id="btn" value="Add"/>
<form id="form1">
   <div style="padding:20px">
     <select id="chkveg" multiple="multiple">
     </select>
   </div>
</form>

und Skript

$(function () {
    $('#btn').click(function () {
        var val = $("#addRow").val();
        var htm = '';
        htm += '<option>' + val + '</option>';
        $('#chkveg').append(htm);
    });
    $('#chkveg').multiselect({
        includeSelectAllOption: true
    });
});

ch versuche, jede Option dynamisch zum Bootstrap-Multiselect hinzuzufügen, aber es funktioniert nicht richti

Demo Seite hier:http: //jsfiddle.net/pL4hg76b/1

Aber es funktioniert statisch:http: //jsfiddle.net/KyleMit/7yq7fvsq

Antworten auf die Frage(6)

Ihre Antwort auf die Frage