Html&CSS&Script jquery - select option 선택값 가져오기

페이지 정보

작성자 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 426회 작성일 18-10-15 10:54

본문

[jquery] select  box 선택값 가져오기


// select box ID로 접근하여 선택된 값 읽기
$("#셀렉트박스ID option:selected").val();

// select box Name로 접근하여 선택된 값 읽기
$("select[name=셀렉트박스name]").val();

// 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~
$("span[name=셀렉트박스name]").text();

// 선택된 값의 index를 불러오기
var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected"));

// 셀렉트 박스에 option값 추가하기
$("#셀렉트박스ID").append("<option value='1'>1번</option>");

// 셀렉트 박스 option의 맨앞에 추가 할 경우
$("#셀렉트박스ID").prepend("<option value='0'>0번</option>");

// 셀렉트 박스의 html 전체를 변경할 경우
$("#셀렉트박스ID").html("<option value='1'>1차</option><option value='2'>2차</option>");

// 셀렉트 박스의 index별로 replace를 할 경우
// 해당 객체를 가져오게 되면, option이 다수가 되므로 배열 객체가 되어 eq에 index를 넣어 개별 개체를 선택할 수 있다.
$("#셀렉트박스ID option:eq(1)").replaceWith("<option value='1'>1차</option>");

// 직접 index 값을 주어 selected 속성 주기
$("#셀렉트ID option:eq(1)").attr("selected", "selected");

// text 값으로 selected 속성 주기
$("#셀렉트ID")val("1번").attr("selected", "selected");

// value 값으로 selected 속성 주기
$("#셀렉트ID").val("1");

// 해당 index item 삭제하기
$("#셀렉트ID option:eq(0)").remove();

// 첫번째, 마지막 item 삭제하기
$("#셀렉트ID option:first").remove();
$("#셀렉트ID option:last").remove();

// 선택된 옵션의 text, value 구하기
$("#셀렉트ID option:selected").text();
$("#셀렉트ID option:selected").val();

// 선택된 옵션의 index 구하기
$("#셀렉트ID option").index($("#셀렉트ID option:selected"));

// 셀렉트박스의 아이템 갯수 구하기
$("#셀렉트ID option").size();

// 선택된 옵션 전까지의 item 갯수 구하기
$("#셀렉트ID option:selected").prevAll().size();

// 선택된 옵션 후의 item 갯수 구하기
$("#셀렉트ID option:selected").nextAll().size();

// 해당 index item 이후에 option item 추가 하기
$("#셀렉트ID option:eq(0)").after("<option value='3'>3번</option>");

// 해당 index item 전에 option item 추가하기
$("#셀렉트ID option:eq(3)").before("<option value='2'>2번</option>");

// 해당 셀렉트 박스에 change event binding 하기
$("#selectID").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});


[jquery] select  box 선택값 가져오기



출처: http://oingbong.tistory.com/175 [Oing] 

답변목록

등록된 답변이 없습니다.

Total 258건 1 페이지
게시물 검색
번호 제목 글쓴이 조회 날짜
공지 공지 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7108 11-01-10
열람중 Html&CSS&Script 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 427 18-10-15
256 LINUX 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1156 18-08-23
255 MYSQL 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1080 18-08-21
254 LINUX 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1848 18-07-02
253 MYSQL 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1746 18-06-27
252 Windows 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3057 18-04-14
251 Fuse 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2544 18-03-15
250 PHP 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3108 18-03-08
249 Windows 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2806 18-02-26
248 LINUX 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4062 18-01-30
247 JSP 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3037 18-01-24
246 MYSQL 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3115 18-01-23
245 LINUX 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3967 18-01-23
244 Html&CSS&Script 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8324 17-11-15
243 ASP&ASP.NET 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2924 17-11-15
242 기타 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6005 17-09-04
241 MYSQL 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3967 17-08-10
240 기타 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8873 17-07-24
239 LINUX 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8006 17-07-06