웹 프론트엔드 JS 튜토리얼 Select_jquery에 대한 jQuery 작업 메모 기록

Select_jquery에 대한 jQuery 작업 메모 기록

May 16, 2016 pm 06:05 PM
select

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

구문 설명:
1. $("#select_id").change(function(){//code... } ); //항목 중 하나가 선택되면 트리거되는 Select 이벤트를 추가합니다.
2.var checkText=$("#select_id").find("option:selected").text() // Select 선택 텍스트 가져오기
3. var checkValue=$("#select_id").val(); //Select로 선택한 값 가져오기
4. var checkIndex=$("#select_id ").get (0).selectedIndex; //Select
에서 선택한 인덱스 값을 가져옵니다. var maxIndex=$("#select_id option:last").attr("index") //Select의 최대 인덱스 값을 가져옵니다.

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

구문 설명:
1. $("#select_id ").get(0).selectedIndex =1; //선택 값이 1인 항목이 선택됩니다.
2. $("#select_id ").val(4) //선택 값이 4로 설정되어 항목이 선택됩니다.
3 . $("#select_id option[text ='jQuery']").attr("selected", true); //Select의 Text 값을 선택한 jQuery 항목으로 설정

jQuery가 추가합니다. /Select의 옵션 항목 제거:

구문 설명:
1. $("#select_id").append("");
를 선택하는 옵션(드롭다운 항목) 2 . $("#select_id").prepend("를 선택하세요.") //선택을 위한 옵션(첫 번째 위치) 삽입
3. $("#select_id option:last" ).remove(); //Select에서 index 값이 가장 큰 Option(마지막 것)을 삭제합니다.
4. ']").remove(); //Select Option에서 값이 0인 인덱스를 삭제합니다(첫 번째)
5. $("#select_id option[value='3']").remove(); // Select
에서 값이 '3'인 옵션 제거 6. $("#select_id option[text='4']").remove() //Select에서 Text='4'인 옵션을 삭제합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Select Channels의 비동기 처리 방법 golang을 이용한 Go 동시 프로그래밍 Select Channels의 비동기 처리 방법 golang을 이용한 Go 동시 프로그래밍 Sep 28, 2023 pm 05:27 PM

Select Channels의 비동기 처리 방법 golang을 이용한 Go 동시 프로그래밍

jquery에서 선택 요소를 숨기는 방법 jquery에서 선택 요소를 숨기는 방법 Aug 15, 2023 pm 01:56 PM

jquery에서 선택 요소를 숨기는 방법

jQuery에서 선택 요소의 변경 이벤트 바인딩을 구현하는 방법 jQuery에서 선택 요소의 변경 이벤트 바인딩을 구현하는 방법 Feb 23, 2024 pm 01:12 PM

jQuery에서 선택 요소의 변경 이벤트 바인딩을 구현하는 방법

Linux에서 select를 사용하는 이유는 무엇입니까? Linux에서 select를 사용하는 이유는 무엇입니까? May 19, 2023 pm 03:07 PM

Linux에서 select를 사용하는 이유는 무엇입니까?

mysql의 선택 구문을 사용하는 방법 mysql의 선택 구문을 사용하는 방법 Jun 01, 2023 pm 07:37 PM

mysql의 선택 구문을 사용하는 방법

선택 채널 구현 golang을 통한 동시 프로그래밍 성능 최적화 선택 채널 구현 golang을 통한 동시 프로그래밍 성능 최적화 Sep 27, 2023 pm 01:09 PM

선택 채널 구현 golang을 통한 동시 프로그래밍 성능 최적화

MySQL select 문을 사용하는 방법 MySQL select 문을 사용하는 방법 May 27, 2023 pm 01:18 PM

MySQL select 문을 사용하는 방법

MySQL select 문을 사용하는 방법 MySQL select 문을 사용하는 방법 May 28, 2023 pm 05:16 PM

MySQL select 문을 사용하는 방법

See all articles