Jquery 작업 요약 selectmethod_jquery

이 기사의 예에는 jquery 작업 선택 방법이 요약되어 있습니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

jQuery는 Select로 선택한 텍스트와 값을 가져옵니다. 

문법 설명:

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

$("#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

의 최대 인덱스 값을 가져옵니다.

jQuery는 Select로 선택한 텍스트와 값을 설정합니다.

문법 설명:

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

$("#select_id ").get(0).selectedIndex= 1;/ /선택 인덱스 값 1로 항목을 설정하여
을 선택합니다. $("#select_id ").val(4);//항목을 선택하려면 선택 값을 4로 설정하세요
$("#select_id option[text='jQuery']").attr("selected", true);//Select의 Text 값을 선택된 jQuery 항목으로 설정

jQuery는 Select의 Option 항목을 추가/제거합니다:

문법 설명: 

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

$("#select_id").append("<옵션 값 ='값'>텍스트");//선택에 옵션(드롭다운 항목) 추가
$("#select_id").prepend("선택하세요");//선택을 위한 옵션(첫 번째 위치) 삽입
$("#select_id option:last").remove();//Select에서 index 값이 가장 큰 Option(마지막 것)을 삭제합니다
$("#select_id option[index='0']").remove();//Select에서 인덱스 값이 0인 옵션(첫 번째) 삭제
$("#select_id option[value='3']").remove();//Select
에서 값='3'인 옵션 삭제 $("#select_id option[text='4']").remove();//Select에서 Text='4'인 옵션

삭제

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.