JQuery의 관련 연산 구현 코드 select control_jquery

WBOY
풀어 주다: 2016-05-16 17:50:14
원래의
913명이 탐색했습니다.

을 선택하려면 먼저 다음 코드를 살펴보세요.
코드 복사 코드는 다음과 같습니다.

$ ("#select_id").change(function(){//code...}) //항목 중 하나가 선택되면 실행되는 Select 이벤트를 추가합니다
var checkText=$("#select_id").find("option:selected").text(); //Select로 선택한 텍스트 가져오기
var checkValue=$("#select_id").val() ; //Select로 선택한 값 가져오기
var checkIndex =$("#select_id ").get(0).selectedIndex; //Select로 선택한 인덱스 값 가져오기
var maxIndex=$("#select_id option:last").attr("index"); // Select의 최대 인덱스 값을 가져옵니다
$("#select_id ").get(0).selectedIndex=1; //Select 인덱스로 항목 설정 값을 1로 설정하여 선택
$("#select_id ").val( 4); //Select 값을 4로 설정하고 항목을 선택합니다.
$("#select_id option[text='jQuery'] ").attr("selected", true); //선택한 텍스트를 가져오려면 jQuery 항목에 대해 Select Select

의 텍스트 값을 설정합니다.

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

$("#ddlRegType").find("option:selected").text( );

선택하여 선택한 값 가져오기:
코드 복사 코드는 다음과 같습니다.

$("#nowamagic").val();

select로 선택한 인덱스 가져오기:
코드 복사 코드는 다음과 같습니다:

$("#nowamagic").get(0).selectedIndex

Set select
jQuery는 Select의 Option 항목을 추가/제거합니다:
코드 복사 코드는 다음과 같습니다.

$("#select_id").append("") //선택 옵션 삽입(첫 번째 위치)
$( "#select_id option:last").remove(); //Select에서 인덱스 값이 가장 큰 Option(마지막 것)을 제거합니다.
$(" #select_id option[index='0']").remove (); //Select에서 인덱스 값이 0인 옵션 삭제(첫 번째)
$("#select_id option[value='3']" ).remove() //값이 '인 옵션 삭제 3' in Select
$("#select_id option[text='4']").remove(); //Delete Text='4 in Select 'Option

선택 항목 설정 index:
코드 복사 코드는 다음과 같습니다.

//index는 인덱스 값입니다.
$("#nowamagic").get(0).selectedIndex=index;

선택한 값 설정:
복사 code 코드는 다음과 같습니다.

$("#nowamagic").attr("value"," Normal")
$(" #nowamagic").val("Normal");
$("#nowamagic").get(0).value = value;

선택한 텍스트 설정:
코드 복사 코드는 다음과 같습니다.

var count=$( "#nowamagioption").length;
for(var i=0;i{ if($("#nowamagic").get(0).options[i].text = = text)
{
$("#nowamagic").get(0).options[i].selected = true;

break
}
}

지우기 선택:
코드 복사 코드는 다음과 같습니다.

$( "#nowamagic") .비어있음()
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!