jQuery list filter

Question

У меня есть требование, когда я должен искать элементы onkeyup в окне поиска из списка, выбирать несколько и переместить их в другой список. Я написал следующий скрипт, и это работает как ожидается в firefox и не работает в IE9 и хром. Я новичок в jQuery и не могу найти исправление. Может ли кто-нибудь помочь?. Заранее спасибо.

//HTML// 
<input type="text" id="searchAvailableLabsTxt" class="searchAvailableLabsTxt 
searchbox" onkeyup="filter(this)"/> 
<select multiple="true" runat="server" id="AvailableGroupLab" class=" 
AvailableGroupLab availGrpLabs avalLabs"></select> 
//HTML 

//JQUERY// 
function filter(element) { 
var value = $(element).val().toLowerCase(); 

$(".AvailableGroupLab > option").each(function() { 
    if ($(this).text().toLowerCase().search(value) > -1) { 
     $(this).show(); 
    } 
    else { 
     $(this).hide(); 
    } 
}); 
} 
//JQUERY// 

Answer 1

Проблема с кодом является hide() функция, которая не работает в хроме и IE. Вы можете сохранить копию вариантов, как резервное копирование и удалить параметры с помощью remove()

Live Demo

var options = $(".AvailableGroupLab").clone().html(); 
function filter(element) { 
    $('.AvailableGroupLab').html(options); 
    var value = $(element).val().toLowerCase(); 
    $(".AvailableGroupLab option").each(function() { 
     if ($(this).text().toLowerCase().search(value) == -1) { 
      $(this).remove(); 
     } 
    }); 
}