Как перемещать содержимое из списков

Question

Iv'e работал над этим какое-то время и нуждаюсь в помощи. В настоящее время у меня есть 2 списка с содержимым. Я хочу иметь возможность выбирать контент из одного списка и переместить его во второй список. Для этого я хочу иметь возможность выбрать одно или несколько контента, а затем нажать кнопку, которая перемещает содержимое. Я не могу заставить действительную функцию перемещения работать. Код, который у меня есть, приведен в примере, который я нашел в Интернете «http://www.virtuosoft.eu/code/bootstrap-duallistbox/» и является вторым примером.

Вот мои 2 списки и код кнопки:

<div class="btn-group buttons"> 
    <button title="Move selected" type="button" class="btn move btn-default" "demo2"></button> 
    </div> 
    <select style="height: 197px;" name="duallistbox_demo2_helper1" class="form-control" id="bootstrap-duallistbox-nonselected-list_duallistbox_demo2" multiple="multiple"> 
    <option value="option7">Option 7</option> 
    <option value="option8">Option 8</option> 
    <option value="option9">Option 9</option> 
    <option value="option0">Option 10</option> 
    <option value="option0">Option 11</option> 
    <option value="option0">Option 12</option> 
    </select> 


    <div class="btn-group buttons">  
    <button title="Remove selected" type="button" class="btn remove btn-default"></button>  
    </div> 
    <select style="height: 197px;" name="duallistbox_demo2_helper2" class="form-control" id="bootstrap-duallistbox-selected-list_duallistbox_demo2" multiple="multiple"> 
    <option value="option2">Option 2</option> 
    <option value="option3" selected="selected">Option 3</option> 
    <option value="option4">Option 4</option></select> 

Вот мой JS:

// move list content 
var demo2 = $('.demo2').bootstrapDualListbox({ 
    nonSelectedListLabel: 'Non-selected', 
    selectedListLabel: 'Selected', 
    preserveSelectionOnMove: 'moved', 
    moveOnSelect: false, 
    nonSelectedFilter: 'ion ([7-9]|[1][0-2])' 
}); 

Answer 1

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

var demo2 = $('#bootstrap-duallistbox-nonselected-list_duallistbox_demo2').bootstrapDualListbox({ 
    nonSelectedListLabel: 'Non-selected', 
    selectedListLabel: 'Selected', 
    preserveSelectionOnMove: 'moved', 
    moveOnSelect: false, 
    nonSelectedFilter: 'ion ([7-9]|[1][0-2])' 
});