// select box id로 선택된 값 읽기
| 1 |
$("#ID option:selected").val();
|
// select box name으로 선택된 값 읽기
| 1 |
$("select[name = NAME]").val();
|
// 선택 값의 index
| 1 |
var index = $("#ID option).index($("#ID option:selected"));
|
// select box에 option값 추가하기
| 1 |
$("#ID").append("<option value='1'>1번</option>");
|
// select box option의 맨 앞에 추가 할 경우
| 1 |
$("#ID").prepend("<option value='0'>0번</option>");
|
// select box의 html 전체를 변경할 경우
| 1 |
$("#ID").html("<option value='1'>1번</option><option value='2'>2번</option>");
|
// 직접 index 값을 주어 selected 속성 주기
| 1 |
$("#ID option:eq(1)").attr("selected, "selected");
|
// text 값으로 selected 속성 주기
| 1 |
$("#ID").val("1번").attr("selected", "selected");
|
// value 값으로 selected 속성 주기
| 1 |
$("#ID").val("1");
|
// 해당 index item 삭제하기
| 1 |
$("#ID option:eq(0)").remove();
|
// 첫번째, 마지막 item 삭제하기
1
2
|
$("#ID option:first").remove();
$("#ID option:last").remove();
|
// 선택된 옵션의 text, value 구하기
1
2
|
$("#ID option:selected").text();
$("#ID option:selected").val();
|
// 선택된 값을 제외한 나머지 option 제거
1
2
|
$("#ID option:not(option:selected)").remove();
$("select[name = NAME] option:not(option:selected)").remove();
|
// 첫번째 값을 제외한 나머지 option 제거
1
2
|
$("#ID option:not(option:eq(0))").remove();
$("select[name = NAME] option:not(option:eq(0))").remove();
|
[출처] http://closetoyou.co.kr
0 개의 댓글:
댓글 쓰기