jquery UI selectmenu

jquery UI 위젯은 사용자에게 보여지는 부분과 실제 데이터 및 속성을 포함하는 부분이 달라 native HTML element를 다루는 방식으로 조작 시 의도한 것과 다른 효과가 발생할 수 있다.
따라서 공식 문서를 참조, API를 이용해 조작하는 것이 권장된다.

select event 발생 시 실행할 코드 지정

$(this).selectmenu(
  { 
      select: function (event, ui){ 
      $(this).attr("data-selected", ui.item.value); 
    }
  }
)

disabled 처리 하기

$("#selectMenuId").selectmenu({ disabled: true });

refresh

• 코드를 통해 selectbox 요소를 조작한 후에는 refresh 처리를 해주어야 변경된 요소가 시각적으로도 반영됨

$("#selectMenuId").selectmenu("refresh");