Multi select drop down with checkbox

Question

Может ли кто-нибудь помочь мне при внедрении multi select drop down with check box? Я привел ниже пример ссылки. http://www.codexworld.com/multi-select-dropdown-list-with-checkbox-jquery/ Проблема с образцом, приведенным выше, в раскрывающемся списке заполняются только жестко закодированные варианты. Мне нужно, чтобы это было пустым при загрузке страницы. опция будет назначаться на основе данных ответа на вызов Ajax. Динамический список будет поступать с сервера. Кроме того, выпадающий список должен обновляться каждый раз при вызове сервера и ответах для разных событий/сценариев. Цените помощь по этому поводу.

Благодаря

Answer 1

Вы можете попробовать сильфона пример кода, как запуск:

<select id="ddlId"></select> 

$.ajax({ 
    url: 'apiurl', 
    type: 'GET', 
    dataType: 'json', 
    success: function(data) { 
     var dataObj=JSON.parse(data); 

     var optionHtml=""; 
     for(var i=0;i<dataObj.length;i++){ 
     optionHtml+='<option value="'+dataObj[i].ValueField+'">'+dataObj[i].TextField+'</option>'; 
     } 

     $("#ddlId").html(optionHtml); 

     $('#ddlId').multiselect(); 
    } 
}); 

Answer 2

Лучший пример множественного выбора может быть использован здесь:

HTML:

<select id="example-getting-started" multiple="multiple"> 
    <option value="cheese">Cheese</option> 
    <option value="tomatoes">Tomatoes</option> 
    <option value="mozarella">Mozzarella</option> 
    <option value="mushrooms">Mushrooms</option> 
    <option value="pepperoni">Pepperoni</option> 
    <option value="onions">Onions</option> 
</select> 

JS:

$(document).ready(function() { 
    $('#example-getting-started').multiselect(); 
}); 

Примечание: Пожалуйста, позвоните .multiselect(); функция только после ajax успех отклик.

jsfiddle Example

Reference