Как добавить/удалить раскрывающийся список элементов списка в jquery

Question

Я использую раскрывающийся список мультиселектов и заполненные элементы из базы данных, как показано ниже, он работает отлично в первый раз, но на основе выбора из других выпадающих списков мне нужно удалить значения и добавьте другие значения.

$('#PID').multiselect({ 
    columns: 1, 
    placeholder: 'Select project' 
}); 

Я не могу изменить значения выпадающего списка, может ли кто-нибудь мне помочь?

Я ссылался на приведенную ниже ссылку.

http://www.codexworld.com/multi-select-dropdown-list-with-checkbox-jquery/

Я пытался что-то вроде следующего:

$("#PID").append('<option value="option5">Option ' + ++count + '</option>'); 
$("#PID").multiselect('refresh'); 

Answer 1

Вы можете выгрузить MULTISELECT ниспадающее меню, используя ниже код и реинициализировать:

$('#PID').multiselect('unload'); 

Вы также можете перезагрузить используя код ниже:

$('#PID').multiselect('reload'); 

Для получения дополнительной информации, пожалуйста, проверьте here.

Answer 2

Демо ссылка http://www.designchemical.com/blog/index.php/jquery/create-add-remove-select-lists-using-jquery/

<form> 
    <fieldset> 

    <select name="selectfrom" id="select-from" multiple size="5"> 
     <option value="1">Item 1</option> 
     <option value="2">Item 2</option> 
     <option value="3">Item 3</option> 
     <option value="4">Item 4</option> 
    </select> 

    <a href="JavaScript:void(0);" id="btn-add">Add &raquo;</a> 
    <a href="JavaScript:void(0);" id="btn-remove">&laquo; Remove</a> 

    <select name="selectto" id="select-to" multiple size="5"> 
     <option value="5">Item 5</option> 
     <option value="6">Item 6</option> 
     <option value="7">Item 7</option> 
    </select> 

    </fieldset> 
</form> 

JQuery код

$(document).ready(function() { 

    $('#btn-add').click(function(){ 
     $('#select-from option:selected').each(function() { 
       $('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
      $(this).remove(); 
     }); 
    }); 
    $('#btn-remove').click(function(){ 
     $('#select-to option:selected').each(function() { 
      $('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
      $(this).remove(); 
     }); 
    }); 

});