선택 메뉴에서 여러 값 확인

Question

웹 사이트의 문의 양식에 두 개의 선택 메뉴를 추가하고 싶습니다. 두 번째 선택 메뉴를 숨기고 첫 번째 선택 메뉴의 값 중 하나가 클릭되면 표시하려고합니다. 나는 그것을 하나의 가치에 대해 작동하도록 만들었지 만, 'Rohda Raalte'외에 다른 가치를 더하고 싶습니다.

여러 가지 옵션을 시도하고 많은 주제를 검색했지만 답변이 없기 때문에이 특정 문제를 해결할 수있었습니다. 그것은 아마 아주 쉽습니다,하지만 내 jquery knowlegde는 그렇게 크지는 않습니다.

미리 감사드립니다. 여러 값을 확인하려면,

Privileges.change(function() { 
    switch($(this).val(){ 
     case "Rhonda Taalte": 
      $('.voetballer').show(); 
     case "Other Case": 
     $('.voetballer').show(); 
     default: 
      $('.voetballer').hide(); 
     break; 

    } 
}); 

Answer 1

을 선택한 값이 배열 인 경우 배열에 저장하고 확인할 수 있습니다 :

<script type="text/javascript"> 
$(document).ready(function(){ 
    var Privileges = jQuery('#locatie'); 
    var select = this.value; 
    Privileges.change(function() { 
    if ($(this).val() == 'Rohda Raalte') { 
     $('.voetballer').show(); 
    } 
    else $('.voetballer').hide(); 
    }); 
}); 
</script> 

Answer 2

이 작업을 수행

<script type="text/javascript"> 
$(document).ready(function(){ 
    var Privileges = jQuery('#locatie'); 
    Privileges.change(function() { 
    var array = ['Rohda Raalte', 'Another value', 'Yet another value']; 
    if (array.indexOf($(this).val()) > -1) { 
     $('.voetballer').show(); 
    } 
    else $('.voetballer').hide(); 
    }); 
}); 
</script> 

두 개 이상의 값을 확인하려는 경우 이것은 or 조건보다 더 나은 처리 방법입니다.

Answer 3

내가 제대로 이해하면, 당신은 적어도 하나의 옵션이 이런 일을 수행하여 선택되어 있는지 확인할 수 있습니다 :

if ($("#locatie option:selected").length == 0){ 
    $('.voetballer').hide(); 
}else{ 
    $('.voetballer').show(); 
} 

Answer 4

당신은 예를 들어 스위치를 사용하려고 할 수 있습니다

$(document).ready(function(){ 
    var Privileges = $('#locatie'); 
    Privileges.change(function() { 
    switch($(this).val()) 
    { 
     case 'Rohda Raalte': 
      //do some action 
      break; 
     case 'Another Value': 
      //do another action 
      break; 
     default: 
      //do default action 
      break; 
    } 
    }); 
}); 

Answer 5

해결책은 다음과 같아야합니다. 선택자를 다음과 같이 선택해야합니다.

$(document).ready(function(){ 
    $("#locatie").change(function() {  
     if ($("#locatie :selected").val() == 'Rohda Raalte') { 
     $('.voetballer').show(); 
     } 
     else { 
     $('.voetballer').hide(); 
    } 
}); 
});