Преобразовать выбрать Twitter самонастройки

Question

я пытаюсь применить этот сценарий http://blog.iamjamoy.com/convert-select-boxes-to-a-fancy-html-dropdown который преобразует элемент в загрузчике drodown

Он ломает на IE в этой строке

$ (е) .find («вариант») .each (функция (о, д) {

это код

$this.each(function(i, e){ 
     if (!($(e).data('convert') == 'no')) { 

      //get some initial data... 
      xSelect = $(e).attr('id'); 
      xLabel = $("#"+xSelect + " option:selected").text(); 
      xClass = $(e).data('class'); 

      $(e).hide().wrap('<div class="btn-group" id="xSelect-group-' + i + '" />'); 
      var select = $('#xSelect-group-' + i); 

      select.html('<a class="btn dropdown-toggle '+ xClass + '" data-toggle="dropdown" href="javascript:;">' + xLabel + ' <span class="caret"></span></a><ul class="dropdown-menu"></ul><input type="hidden" value="' + $(e).val() + '" name="' + $(e).attr('name') + '" id="' + $(e).attr('id') + '" class="' + $(e).attr('class') + '" />'); 

      $(":checkbox", this) 
      $(e).find('option').each(function(o,q) { 
        select.find('.dropdown-menu').append('<li><a href="javascript:;" data-title="'+ $(q).text() +'" data-value="' + $(q).attr('value') + '">' + $(q).text() + '</a></li>'); 
        if ($(q).attr('selected')) select.find('.dropdown-menu li:eq(' + o + ')').click(); 
      }); 
      select.find('.dropdown-menu a').click(function() { 
        select.find('input[type=hidden]').live().val($(this).data('value')).change(); 
        select.find('.btn:eq(0)').html($(this).text() + ' <span class="caret"></span>'); 
      }); 
     } 
    }); 

Если кто-то может помочь мне бы оценить

Answer 1

Вы можете использовать this JavaScript plugin. Он скрывает select и добавляет выпадающую кнопку в HTML.

Это работает очень хорошо для меня. Я тестировал IE8, и он работает.