Dev Story/dev [jqeury] combobox(selectbox) 레드트레인 2012. 4. 19. 16:56 <select id="selectbox"> <option value="1">가</option> <option value="2">나</option> <option value="3">다</option> <option value="4">라</option> <option value="5">마</option> </select> //선택 value 조회 $('selectbox').val(); //선택 텍스트 값 조회 $('selectbox option:selected').text(); //선택 인덱스 조회 $('selectbox option').index($('selectbox option:selected')); //value값으로 기본 row 선택 $('selectbox').val('3'); //value 값으로 셀렉트 $('selectbox').val(10).attr('selected', 'selected'); //option 추가 $('#selectbox').append('<option value="6">바</option>'); $('<option value="7">사</option>').appendTo('#selectbox'); //상위에 option 추가 $('#selectbox').prepend('<option value="8">아</option>'); $('<option value="9">자</option>').prependTo('#selectbox'); //선택된 index에 option 추가 $('#selectbox option:eq(1)').replaceWith('<option value="1"></option>'); //option(를 다른것으로 대체함 $('#selectbox').html('<option value="10">차</option><option value="11">카</option>'); //선택 인덱스 option 삭제 $('#selectbox option:eq('3').remove(); //첫번째 option 삭제 $('#selectbox option:first').remove(); //마지막 option 삭제 $('#selectbox option:last').remove(); //선택된 option 개수 $('#selectbox option').index($('#selectbox option:selected')); //selectbox 아이템 개수 $('#selectbox option').size(); //셀렉트박스 체인지 이벤트 $('selectbox').change(function() { //수행할 내용 } 저작자표시 (새창열림)