Как создать динамический Bootstrap Multiselect
Я пытаюсь использовать Bootstrap multiselect, я использовал следующий код
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>
и сценарий
$(function () {
$('#btn').click(function () {
var val = $("#addRow").val();
var htm = '';
htm += '<option>' + val + '</option>';
$('#chkveg').append(htm);
});
$('#chkveg').multiselect({
includeSelectAllOption: true
});
});
я пытаюсь добавить каждый параметр динамически в множественный выбор начальной загрузки, но он не работает должным образом
Демо-страница здесь:http://jsfiddle.net/pL4hg76b/1/
Но он работает статически:http://jsfiddle.net/KyleMit/7yq7fvsq/