select box control (multiple) 선택박스(다중선택) Selector
페이지 정보
작성자 오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
        댓글  0건
        조회 7,813회
        작성일 15-06-16 20:22
 오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
        댓글  0건
        조회 7,813회
        작성일 15-06-16 20:22
    본문
<select id="box" multiple="multiple">
    <option value=1>one</option>
    <option selected="selected" value=2>two</option>
    <option value=3>three</option>
    <option selected="selected">four</option>
< /select > 
선택값 알기 
 $("#box").val(); 
 result => 2,four 
 $("#box > option:selected").val() 
 result => 2
 다중 선택인 multiple에서 .val()은 선택된 결과값을 모두 보여주는 반면
 option:selected 를 했을경우에는 value 값이 있건 없건 제일 첫번째 선택된 값만 보여준다.
대부분의 블로그에서 아래방법을 포스팅하였던데....
그냥 val()을 쓰는게 짧고 더 옳은 방법인듯하다.
선택하기
$("#box > option[value=2]").attr("selected", true); 
result => two가 선택됨
옵션 추가 하기
$("#box").append("<OPTION value="5">five</OPTION>"); 
$("#box").get(0).options[5] = new Option("six","6");
여러가지 방법이 있지만 새롭게 값을 만들거나 DB의 값으로 option Dom을 만들경우 
for문을 이용하여new option("a","b")를 이용하는게 낳을듯 싶다 
댓글목록
등록된 댓글이 없습니다.

