JQuery 작업 선택 태그 구현 code_jquery

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

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

//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를 모른다면

문서
를 먼저 읽어보세요.

이 게시물이 여러분에게 도움이 되기를 바랍니다.