Global It Leader!!



 
 

Javasript select box control (multiple) 선택박스(다중선택) Selector

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 9,883회 작성일 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")를 이용하는게 낳을듯 싶다

댓글목록

등록된 댓글이 없습니다.

전체 112
게시물 검색
컴퓨터언어 목록
번호 제목 글쓴이 조회 날짜
112 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4304 01-20
111 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4069 08-18
110 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3623 01-30
109 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4135 09-23
108 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3998 02-04
107 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3972 02-04
106 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4244 09-05
105 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4100 02-23
104 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4304 12-27
103 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4636 12-21
102 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12926 07-11
101 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4444 06-24
100 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5121 12-22
99 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5133 08-13
98 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4751 08-04
97 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5077 07-17
열람중 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 9884 06-16
95 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4660 06-04
94 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5402 05-20
93 Javasript no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6063 05-20