리자

jQuery SELECT 태그 관련 내용

 
 
내용 좋네요 ^^y
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
|

댓글 1개

[펌]

// 뒤쪽에 옵션 추가

$("#myselect").append("<option value='1'>Apples</option>");
$("#myselect").append("<option value='2'>After Apples</option>");

// 앞쪽에 옵션 삽입
$("#myselect").prepend("<option value='0'>Before Apples</option>");

// 옵션변경
$("#myselect").html("<option value='1'>Some oranges</option><option value='2'>More Oranges</option><option value='3'>Even more oranges</option>");

// 인덱스 위치에 따라 옵션 변경
$("#myselect option:eq(1)").replaceWith("<option value='2'>Some apples</option>");
$("#myselect option:eq(2)").replaceWith("<option value='3'>Some bananas</option>");

// 2번째 옵션 셀렉트
$("#myselect option:eq(2)").attr("selected", "selected");

// 해당 텍스트를 가진 옵션 셀렉트
$("#myselect").val("Some oranges").attr("selected", "selected");

// 해당값을 가진 옵션 셀렉트
$("#myselect").val("2");

// 선택 옵션 제거
$("#myselect option:eq(0)").remove();

// 첫번째 옵션 제거
$("#myselect option:first").remove();

// 마지막 옵션 제거
$("#myselect option:last").remove();

// 셀렉트된 옵션 텍스트 리턴
alert($("#myselect option:selected").text());

// 셀렉트된 옵션 값리턴
alert($("#myselect option:selected").val());

// 셀렉트된 인덱스 리턴
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());
});
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
11-10-18 조회 2,562
11-10-18 조회 2,467
11-10-18 조회 2,371
11-10-17 조회 3,746
11-10-17 조회 5,031
11-10-17 조회 2,395
11-10-17 조회 2,661
11-10-17 조회 3,765
11-10-16 조회 2,437
11-10-16 조회 3,083
11-10-16 조회 3,522
11-10-15 조회 1.2만
11-10-15 조회 3,190
11-10-15 조회 2,928
11-10-15 조회 3,605
11-10-15 조회 3,587
11-10-15 조회 2,835
11-10-14 조회 2,867
11-10-13 조회 2,641
11-10-13 조회 4,413
11-10-12 조회 2,460
11-10-12 조회 2,616
11-10-12 조회 3,724
11-10-12 조회 4,014
11-10-12 조회 2,362
11-10-11 조회 2,881
11-10-11 조회 2,525
11-10-11 조회 2,698
11-10-11 조회 2,980
11-10-10 조회 2,647
11-10-10 조회 2,617
11-10-10 조회 2,330
11-10-10 조회 2,336
11-10-10 조회 2,622
11-10-10 조회 2,732
11-10-09 조회 2,533
11-10-08 조회 2,522
11-10-08 조회 4,456
11-10-08 조회 2,815
11-10-07 조회 3,040
11-10-07 조회 2,885
11-10-07 조회 3,394
11-10-06 조회 3,983
11-10-06 조회 2,542
11-10-06 조회 2,634
11-10-06 조회 3,826
11-10-06 조회 2,665
11-10-06 조회 4,204
11-10-06 조회 2,436
11-10-05 조회 2,711
11-10-05 조회 2,865
11-10-05 조회 3,942
11-10-04 조회 2,824
11-10-04 조회 5,268
11-10-04 조회 2,747
11-10-04 조회 2,306
11-10-03 조회 2,672
11-10-02 조회 2,568
11-10-02 조회 3,296
11-10-01 조회 2,309
11-10-01 조회 2,616
11-09-30 조회 2,507
11-09-30 조회 2,600
11-09-30 조회 2,794
11-09-30 조회 2,795
11-09-30 조회 3,567
11-09-30 조회 2,585
11-09-30 조회 3,009
11-09-29 조회 4,848
11-09-29 조회 2,674
11-09-29 조회 2,580
11-09-29 조회 2,984
11-09-28 조회 3,085
11-09-28 조회 3,857
11-09-28 조회 3,057
11-09-28 조회 2,445
11-09-28 조회 2,389
11-09-28 조회 2,252
11-09-28 조회 2,528
11-09-28 조회 4,031
11-09-26 조회 2,446
11-09-26 조회 2,512
11-09-26 조회 2,627
11-09-25 조회 2,972
11-09-24 조회 2,474
11-09-23 조회 2,735
11-09-23 조회 3,321
11-09-23 조회 2,459
11-09-23 조회 2,858
11-09-23 조회 2,208
11-09-22 조회 2,374
11-09-22 조회 2,785
11-09-21 조회 3,157
11-09-21 조회 3,194
11-09-20 조회 2,759
11-09-20 조회 2,593
11-09-20 조회 3,119
11-09-19 조회 2,633
11-09-19 조회 5,919
11-09-19 조회 3,710