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

[펌] jQuery select box

관리자
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 4813 · 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개

게시글 목록

번호 제목
17764
PHP 데이터에서 이름을 추출할때 두번째 자리부터 OO으로 표시 3
17761
Mobile Mombile 홈페이지 만들려면 object c 이외에 php는 필요 없는건가요? 2
17753
Flash 플래쉬 버튼에 <?=$g4[path]?> 를 쓰면 그대로 노출이 되는데요...? 7
17750
JavaScript 자바스크립트 메소드 관련.. 2
26370
안드로이드 4.1도 포기한 ‘플래시’, 모바일 웹 시장서 밀려나나?
4334
티저 사이트 8
4332
[구인]PHP 개발자를 구합니다. 1
17749
PHP [구인]PHP 개발자를 구합니다.
17747
JavaScript 클릭하면 레이어로 메뉴영역 올라오는거요~~ 1
26369
음성통화↓…스마트폰, 주사용 목적 1위?
17746
기타 Sublime Text2 기본 인코딩 설정법?
17743
기타 쇼핑몰을 구축하려면 2
17742
기타 웹폰트가 적용된 사이트를
17740
PHP 라이브러리를 만들어서 1
17738
Flash 플래시 작업소스가 없는데 1
17736
MySQL mysql 커뮤니티 버젼을 사용해서 1
17734
기타 쓸만한 무료 dns서비스는 1
17732
JavaScript flash의 많은 기능들을 1
30517
HTML php로 사이트 개발시 3
17729
Linux 그누4 에서 메일발송을 사용하려면 2
17728
jQuery 상용 그리드에 버금가는
17725
정규표현식 운전면허번호도 2
24409
개발을 하다가 기획을... 2
17722
node.js node.js 활용사례 좀.. 2
30513
HTML 모바일웹을 html5로 만들어도 되나요? 3
17720
Mobile jquery mobile 커스터마이징... 1
17719
PHP 프레임웍 보다는...
4331
워드프레스...
17716
PHP 실시간 금시세 관련하여........... 2
26368
방통위, 차세대 웹 표준 HTML5 확산 전략 발표
17715
node.js nodeJS 의 scraping
17713
JavaScript 바탕 화면에 생성될 아이콘(파비콘)의 자비스크립트에 대해 에러..ㅠㅠ 1
17712
Mobile 모바일 사이트 링크 걸기..(기본)
17709
JavaScript ajax호출실패는 어떤 경우에 생기나요? 2
30511
HTML html5 table summary 1
30507
HTML border 에 대하여... [질문] 3
30503
HTML html5 <td headers='header_id'> 3
30500
HTML 플래시 태그를 잘 모르겠습니다 ㅠㅠ 2
17706
JavaScript 스크립트 고수들님.... 초보인데요,, 2
17704
PHP 체크박스 저장하는거 봐주세요 ㅠㅠ 1
17701
PHP PHP TCP 소켓 통신 예제 <CLIENT 부분> 2
17697
Mobile Jindo 모바일 사용해보신분 있으신가요? 3
17691
Linux 리눅스 설치후 apm 설치 어떤걸 사용하시나요? 5
17685
jQuery 홈페이지를 jQuery 를 이용하여 구현 했는데, 프레임셋. 5
30474
HTML 제일 이해안되는 문제.. 25
17674
jQuery jQuery로 구현한 페이지 인식 및 자기페이지 되돌아 가기 소스입니다. 10
30467
HTML 태그 문의드립니다... 6
17670
MySQL 그누보드 innoDB? 3
17667
PHP 무슨뜻일까요> 2
17664
기타 미국 팟캐스트 호스팅 인데요 이상품이 무제한 트래픽 무료인가요? 2
17660
MySQL MYSQL 필드 전체 암호화? 3
17658
JavaScript 스크립트를 function get_mb_ins_type($str)이렇게 만들고 싶은데 1
17656
기타 유니코드 인지 먼지 알려 주세요 ㅠㅠ 1
4325
개발과 경력에 관한 잡설... 5
30459
HTML image replacement vs black hat techniques 7
4318
SQL Export 하는 중입니다. 6
17653
MySQL SQL Export 하는 중입니다. 2
30452
HTML 도대체 이 그라데이션 효과는 어떻게 주는걸까요? ㅠㅠ 6
17649
PHP SQL 셀렉트로 합과 자료 동시에 구하기 3
30450
HTML 오늘은 뭐 짜달라, 고쳐달라는 분도 안 계시고, 1
30437
HTML zurb의 foundation (반응형 프레임워크) 12
17647
Flash 에러좀 봐주세요... 1
4315
smarty 프레임웍스 관련 2
4310
로드밸런싱과 파일업로드에 관한 문의 4
30435
HTML 스크롤에 따라 변하는 메뉴... 1
30413
HTML 로고 크기에 제한이 있나요? 21
17646
Flash xml가 로드가 안됩니다ㅠㅠ
30411
HTML 이거 진짜 ㅂ ㅅ 같은건데... ctrl+ 0 ...OTL 1
17642
Linux 윈도우 xp에 리눅스 설치 하면.. 3
17638
정규표현식 정규식 관련해서도 혹시 도움될만한 책이 있을까요?? 3
17636
Linux 리눅스 서버 관련 책좀 추천 해주세요.. 1
30407
HTML html5 책 좀 추천 해주세요. ^^ 3
17634
node.js node.js가 간단하게 어떤건가요?? 1
17632
MySQL mysql 튜닝 책 추천 부탁 드립니다. 1
17627
PHP php 객체지향 프로그래밍에 대해서.. 4
17624
PHP PHP 실행 속도를 빠르게 하는 최적화 코딩 방법 모음 2
17620
jQuery 제이쿼리 질문을 ㅠㅠ 불상한 아이에게 희망을 주시옵소서... 3
17619
PHP 프린트 출력 공짜 솔류션 없나여?
17616
Mobile 요즘 하이브리드에 관심이 많아서요.. 2
17614
정규표현식 정규식을 공부 하는 방법이 있을까요?? 1
17613
MySQL 인덱스 관련해서..
17609
JavaScript 고수님들, jQuery Mobile 은 희망이 없는건가요? 3
17606
MySQL 테이블에 인덱스 걸고 테스트.. 2
17605
PHP 사이트 캡쳐 관련해서..
17601
jQuery 그누보드내 파일, 내용, 코멘트 따로 불러올수 있을까요? 3
24408
기획자 되고싶은데...
17597
JavaScript 1차셀렉트값 변경시 2차셀렉트값 변경 질문입니다 3
4299
개발자는 야근이 필수 일까요?? 10
17594
JavaScript 퀵메뉴때매 고생하시는분들을 위한 자작 퀵메뉴 제공 ㅋ 2
17587
JavaScript 주소창에 url직접 입력시에.. 6
17586
Flash 플래시 + GD 로 캡쳐하는 방법...
4295
리눅스 서버에도 이런거 있나요? 3
17582
PHP php 초보질문있어요..,, 3
17577
Linux 리눅스에서 백업 하는 소스입니다. 4
17569
Linux 쉘에서 웹프로그램 실행하기 7
17568
PHP $bo_table 변수에 관련해서 질문합니다.
17565
기타 [광고아님] 비용절감 + 기능 + 편리함 = 클라우드 서버 2
30399
HTML IE에서 CSS3 메뉴 적용이 되지 않습니다. 7
30394
HTML 웹 표준화 관련 사이트들 4
24400
기획자의 역할이란?? 7
이전 다음
전체 목록