Динамическое связывание Listbox - множественный выбор в Javascript

Question

У меня есть два списка: один привязывается к pageload(), а другой привязывается к событию нажатия кнопки. Я использовал Javascript для динамического связывания списков при нажатии кнопки. При проверке флажка я должен выбрать несколько элементов, выбранных в списке (pageload()), в список, сгенерированный при нажатии кнопки.

Мои Javascript:

function bindingListBox() 
{ 

    var optioncontent = document.getElementById(optionid); 

    var lstdata = $("input[id$='hidSelectedItem']").val(); 

    var eachlstdata = lstdata.split("!@#$"); 

    for (var j = 0; j < eachlstdata.length; j++) 

    { 

     var separateeachlstvalue = eachlstdata[j].split(","); 

     if(separateeachlstvalue != "") 

     { 

     optioncontent.value = separateeachlstvalue[0]; 

     optioncontent.text = separateeachlstvalue[1]; 

     optioncontent.setAttribute("selected","selected"); 

     } 

    } 

}  

"hidSelectedItem" - содержит скрытое поле выбранные элементы в первом ListBox на проверку флажок.

Приведенный выше код выбирает только последний элемент при проверке флажка.

Не могли бы вы помочь мне заполнить все выбранные элементы в ListBox, созданные при нажатии кнопки.

Answer 1

Вы можете использовать что-то вроде этого

$("#lstbx1 option:selected").remove().appendTo("#lstbx2");