셀렉트박스 대신 사용되는 ul 샘플

http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/

/* dt 클릭시 하위 국가리스트 show/hide */

$(".dropdown dt a").click(function() {

  $(".dropdown dd ul").toggle();

});



/* 이부분은 dropdown dd 의 display를 검사해서 수행하도 될듯한데 여기서는 이벤트발생객체의 parent를 검사함 */

$(document).bind('click', function(e) {

  var $clicked = $(e.target);

  if (! $clicked.parents().hasClass("dropdown"))

  $(".dropdown dd ul").hide(); //펼치기에 방해 안되도록 dropdown 외부를 클릭했으면 hide

});

/* 하위국가리스트 선택시 액션이므로 첫줄만 보면 되겠음 .click, $(".dropdown dd ul").hide() */

$(".dropdown dd ul li a").click(function() {

  var text = $(this).html();

  $(".dropdown dt a span").html(text);

  $(".dropdown dd ul").hide();

  $("#result").html("Selected value is: " + getSelectedValue("sample"));

});

요새 트위트로 소스들좀 받고있는데 고작이런거나 쓸정도로 허접한것들만 올라와서 이거라도 올림. 우리 코딩팀에도 요건 좀 전달해야할듯 IE6에서 셀렉트박스가 다른객체위로 떡하니 올라가는 현상때문에..