두개의 셀렉트를 이용하여 첫번째 셀렉트를 선택하면 두번째 셀렉트의 Option Value, Text를 동적으로 변경해야 할 일이 있는데 Ajax를 이용할 일은 아니고 해서 배열로 아래처럼 처리했다.
var apple = { "item1":"아이폰", "item2":"아이패드", "item3":"아이맥", "item4":"맥북"}; var course2 = $("select[name=course2]"); $("select[name=myitem]").change(function(){ $('option', course2).remove(); $.each(apple, function(val, text) { course2.append( $('').val(val).html(text) ); }); });
새댓글 등록