> 웹 프론트엔드 > JS 튜토리얼 > JQuery 선택 레이블 작업 코드 세그먼트_jquery

JQuery 선택 레이블 작업 코드 세그먼트_jquery

WBOY
풀어 주다: 2016-05-16 18:27:04
원래의
928명이 탐색했습니다.

다음의 일반적인 코드가 도움이 될 수 있습니다.

코드 복사 코드는 다음과 같습니다.

//1. 선택한 옵션 값 가져오기
$('#selectList').val()
//2. 선택한 옵션의 텍스트 가져오기
$('#selectList :selected' ).text( );//3. 선택한 여러 옵션 값과 텍스트 가져오기
var foo = []
$('#multiple :selected').each(function(i, selected) {
foo[i] = $(selected).text();
})
// 선택한 값을 얻으려면 .val()을 사용하면 됩니다. 이는 문자열 또는 배열을 반환합니다.
foo = $('#multiple :selected').val();
//4. 옵션 option
스위치($('#selectList :selected').text( )) {
case '첫 번째 옵션':
//뭔가
break;
case 'Something Else':
// 다른 일을 하세요
break;
// 5. 값이 2인 옵션 삭제
$("#selectList option[value='2']").remove()
//6. 목록 B.
// 여기에는 2개의 선택 목록과 2개의 버튼이 있습니다.
// select1에서 선택한 옵션을 제거하고 // "제거" 버튼은 그 반대의 작업을 수행합니다.
// jQuery의 연결 기능 덕분에 JS에서는 다소 까다로운 작업을 이제 6줄의 코드로 수행할 수 있습니다.
$ ().ready( function() {
$('#add').click(function() {
return !$('#select1 option:selected').appendTo('#select2');
}) ;
$('#remove').click(function() {
return !$('#select2 option:selected').appendTo('#select1');
});
})



JQuery를 모른다면
문서
를 먼저 읽어보세요.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿