select box control (multiple) 선택박스(다중선택) Selector
페이지 정보
작성자 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 7,491회 작성일 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")를 이용하는게 낳을듯 싶다
댓글목록
등록된 댓글이 없습니다.