선택 드롭 다운을 ul 드롭 다운으로 변환하는 방법은 무엇입니까?

Question

나는 목록 항목을 옵션으로 사용할 수있는 ul을 표시하는 부트 스트랩 단추를 만들 수 있도록 select 드롭 다운을 ul로 변환하려고합니다. 이가 일어날 싶어하지만 그에게 onclick() 이벤트를 가정 할 수 있습니다 어떤 이벤트

<select id="sortField" onchange="refreshPage('{$pageBase}','{$searchTerm}', '{$pageNumber}', '{$CurrentFacet}')"> 
    <option value="default"> 
     Sort 
    </option> 

    <option value="Relevance">Relevance</option> 
    <option value="Highest Rated">Highest Rated</option> 
    <option value="Best Sellers">Best Sellers</option> 
    <option value="New Arrivals">New Arrivals</option> 
    <option value="Lowest Price">Lowest Price</option> 
    <option value="Highest Price">Highest Price</option> 
</select> 

Answer 1

으로 jQuery를 기능을 onclick = "swapDropDown()"를 추가하는 것입니다 : 도움이 될 것

var ul = $('<ul/>'); 
$("#sortField option").each(function() { 
$('<li/>').val(this.value).text(this.text).attr('onchange', $("#sortField").attr("onchange")).appendTo(ul); 
    }); 
$("#sortField").replaceWith(ul); 

희망

안녕

Answer 2

확실하지. <select></select> 요소를 <ul></ul> 요소로 바꾸려면 먼저 javascript를 사용하여 id로 가져와야합니다.

<script> 
    function swapDropDown() 
    { 
     var ul = '<ul><li>...</li></ul>'; 
     document.getElementById(sortField).innerHTML = ul; 
    } 
</script> 

다음, 당신의 선택 태그에, 단순히 당신의 선택 변환 속성