>웹 프론트엔드 >JS 튜토리얼 >jQuery에서 선택 옵션을 추가, 삭제, 수정하는 구현 방법

jQuery에서 선택 옵션을 추가, 삭제, 수정하는 구현 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-04-23 16:44:141831검색

이번에는 jQueryselect 옵션 추가, 삭제, 수정 구현 방법을 알려드리겠습니다. jQuery의 select 옵션 추가, 삭제, 수정의 Notes는 다음과 같습니다. 바라보다.

이 문서의 예에서는 jQuery를 사용하여 선택 옵션을 추가, 삭제 및 수정하는 방법을 설명합니다. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

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

1.

//获取Select选择的Text
var checkText=jQuery("#select_id").find("option:selected").text();

2.

//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();

3.

//获取Select选择的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;

4.

//获取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");

jQuery 선택 옵션 항목 추가/삭제:

1.

//为Select追加一个Option(下拉项)
jQuery("#select_id").append("<option value=&#39;Value&#39;>Text</option>");

2.

//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");

3.

//删除Select中索引值最大Option(最后一个)
jQuery("#select_id option:last").remove();

4.

//删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[index='0']").remove();

5.

//删除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();

6.

//删除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();

콘텐츠 삭제됨:

rreee

나는 당신이 이 기사를 읽었을 것이라고 믿습니다. 더 흥미로운 정보를 얻으려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하십시오!

추천 도서:

jquery의 시간 획득 방법 요약

jQuery 버전 업그레이드 시 주의사항은 무엇인가요

위 내용은 jQuery에서 선택 옵션을 추가, 삭제, 수정하는 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.