드롭 다운 목록을 정렬되지 않은 목록으로 바꾸십시오. 자바 스크립트는 방법

Question

나는이 내가 지금 무엇을 가지고

<div id="edit-country-wrapper"> 
    <select id="edit-country" class="form-select" name="country"> 
    <option selected="selected" value="all">All</option> 
    <option value="canada">Canada</option> 
    <option value="usa">USA</option> 
    </select> 
</div> 

을 그리고

<div id="edit-country-wrapper"> 
    <ul id="edit-country" class="form-select" name="country"> 
    <li><a class="selected" href="/all">All</a></li> 
    <li><a class="" href="/canada">Canada</a></li> 
    <li><a class="" href="/usa">USA</a></li> 
    </ul> 
</div> 

로 변경하고 싶습니다.

$(document).ready(function() { 
    $('#edit-country-wrapper select').each(function() { 
     var $select = $('<div id="location-select" />'); 
     $(this).find('option').each(function() { 
      var $option = $('<a />'); 
      $option.attr({ 
       href: '?country=' +$(this).attr('value'), 
       id: 'location-' + $(this).attr('value'), 
       class: $(this).attr('selected'), 
       html: $(this).html() 
      }); 
      $select.append($option); 
     }); 

     $(this).replaceWith($select); 
    }); 
}); 

정렬되지 않은 목록으로 드롭 다운 목록을 대체하려고합니다. 내가 FF & 크롬에서 일하고 있지만 IE에는 없다. 도와주세요!!

Answer 1

attr과 같은 HTML을 설정하는 데 사용할 수 없다고 생각합니다. (think은 html이라는 링크에 새로운 속성을 만듭니다).

는 너무 오래

var $option = $('<a />', { 
       href: '?country=' +$(this).attr('value'), 
       id: 'location-' + $(this).attr('value'), 
       class: $(this).attr('selected'), 
       html: $(this).html() 
      }); 

... 당신이 사용하는 같은 것을 대체하는 시도 jQuery를> = 1.4 IE에서 작동하지 않습니다 무엇

Answer 2

$option.attr({ 
    href: '?country=' +$(this).attr('value'), 
    id: 'location-' + $(this).attr('value'), 
    class: $(this).attr('selected'), 
}).html($(this).html());