테스트 사이트 - 개발 중인 베타 버전입니다
SIR

[펌] jQuery select box

관리자
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 4796 · 1

jQuery로 선택된 값 읽기
$("#select_box option:selected").val();
$("select[name=name]").val();

jQuery로 선택된 내용 읽기
$("#select_box option:selected").text();

선택된 위치
var index = $("#test option").index($("#test option:selected")); 

-------------------------------------------------------------------

// Add options to the end of a select
$("#myselect").append("<option value='1'>Apples</option>");
$("#myselect").append("<option value='2'>After Apples</option>");

// Add options to the start of a select
$("#myselect").prepend("<option value='0'>Before Apples</option>");

// Replace all the options with new options
$("#myselect").html("<option value='1'>Some oranges</option><option value='2'>More Oranges</option><option value='3'>Even more oranges</option>");

// Replace items at a certain index
$("#myselect option:eq(1)").replaceWith("<option value='2'>Some apples</option>");
$("#myselect option:eq(2)").replaceWith("<option value='3'>Some bananas</option>");

// Set the element at index 2 to be selected
$("#myselect option:eq(2)").attr("selected", "selected");

// Set the selected element by text
$("#myselect").val("Some oranges").attr("selected", "selected");

// Set the selected element by value
$("#myselect").val("2");

// Remove an item at a particular index
$("#myselect option:eq(0)").remove();

// Remove first item
$("#myselect option:first").remove();

// Remove last item
$("#myselect option:last").remove();

// Get the text of the selected item
alert($("#myselect option:selected").text());

// Get the value of the selected item
alert($("#myselect option:selected").val());

// Get the index of the selected item
alert($("#myselect option").index($("#myselect option:selected")));

// Alternative way to get the selected item
alert($("#myselect option:selected").prevAll().size());

// Insert an item in after a particular position
$("#myselect option:eq(0)").after("<option value='4'>Some pears</option>");

// Insert an item in before a particular position
$("#myselect option:eq(3)").before("<option value='5'>Some apricots</option>");

// Getting values when item is selected
$("#myselect").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});




목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

게시글 목록

번호 제목
10762
jQuery 회사에 히스토리에 써먹을 만한 자료 8
10754
PHP snoopy + simple html dom (사이트 긁어서 파싱해서 DB에 넣기) 7
10752
MySQL 고수님들 도와주세요! 1
10749
Mobile json 파싱방법 2
10746
PHP 패스워드 하실떄 암호화 하실떄 사용하세요 ^^; 2
10740
jQuery jquery enable, disable로 선택적으로 버튼 활성화 시키기 5
10738
OS 작지만 강한 우분투 기반 서버솔루션 zentyal 1
10736
PHP getcwd 를 이용한 디렉토리명 가져오기 1
10733
JavaScript 주민번호, 외국인번호 검사 스크립트 2
10731
Mobile Base64.java 파일입니다. 1
10730
기타 원의방정식을 이용한 거리 구하는 함수
10727
Mobile [안드로이드] 이미지뷰에 url줘서 링크 걸어주기 2
10725
MySQL Mysql Text필드 1
10721
PHP 어떤 스마트폰에서 접속했는지 코드 3
10719
Mobile [안드로이드] 프리퍼런스 사용 방법 1
10718
Mobile [안드로이드] assets 폴더안에 db 파일 자신 앱에 복사하기
10712
웹서버 Apache 속도 향상을 위한 mod_pagespeed 모듈 5
10711
Mobile [ios]사진촬영후 이미지 편집 샘플입니다.
10710
JavaScript Html , javascript , css 강좌 사이트 입니다.
10709
JavaScript 주민번호 자바스크립트 체크
10707
jQuery 안녕하세요 jquery에 대해 물어볼게있습니다 1
10706
PHP UTF-8에서 문자열을 문자 단위로 나눠서 배열로 저장하기
20108
기타 크로스브라우징? 이제 크롬에서 하나로 확인하자 17
10705
Mobile [안드로이드] 자신의 폰에 깔려있는 앱들 검색하기
10703
Mobile [안드로이드] 이미지 사진 카메라 촬영후 자르고 회전하기. 1
이전 다음
전체 목록