>  기사  >  웹 프론트엔드  >  jquery에서 옵션이 선택되었는지 확인하는 방법

jquery에서 옵션이 선택되었는지 확인하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-12-07 17:01:135996검색

jquery가 옵션 선택 여부를 결정하는 방법: 먼저 옵션은 select에 속하며 jquery를 통해 select 값을 얻을 수 있으며 select 아래의 각 옵션을 비교하여 선택 여부를 확인할 수 있습니다.

jquery에서 옵션이 선택되었는지 확인하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, Dell G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장: jquery 비디오 튜토리얼

jquery가 옵션 선택 여부를 결정하는 방법:

옵션은 select에 속하며 select의 값은 jquery를 통해 얻은 다음 select 아래의 각 옵션을 비교하여 선택 여부를 결정합니다. 선택된.

var selectValue = $('select').val();
$('select option').each(function(ele,index){
    if($(ele).attr('value') == selectValue){
        alert('被选中');
    }
});

설명:

1.val() 메소드

val() 메소드는 선택한 요소의 값 속성을 반환할 수 있으며, 첫 번째로 일치하는 요소의 값 속성 값을 반환합니다.

참고: val() 메서드는 일반적으로 HTML 양식 요소와 함께 사용됩니다.

2.each() 메소드

each() 메소드는 일치하는 각 요소에 대해 실행될 함수를 지정합니다.

팁: false를 반환하면 루프를 조기에 중지하는 데 사용할 수 있습니다.

3. attr() 메소드

attr() 메소드는 선택한 요소의 속성과 값을 설정하거나 반환합니다.

이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.

이 방법을 사용하여 속성 값을 설정하면 일치하는 요소에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

관련 무료 학습 권장사항: javascript(동영상)

위 내용은 jquery에서 옵션이 선택되었는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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