показать поле, только если выполнены 2 условия?

Question

Это простой вопрос, но может ли кто-нибудь помочь мне с javascript, который будет показывать div на основе двух вариантов выпадающего списка?

Это код, который у меня есть, но я просто хочу знать, если это правильно?

EDIT РЕШЕНИЕ, приведенное ниже. Большое спасибо, ребята!

<script> 
 
function myFunction(){ 
 
$('#LoadingPlace,#DeliveryPlaces').change(function() { 
 
    if ($('#DeliveryPlaces').val() == '1' || 
 
      ["Seaport 1", "Seaport 2", "Seaport 3"].indexOf($('#LoadingPlace').val()) > -1) { 
 
     $("{#ContainerSize1").show(); 
 
     $("#ContainerFeature1").show(); 
 
\t \t $("#Genset1").show();    
 
\t \t } 
 
\t \t 
 
\t else { 
 
     $("{#ContainerSize1").hide(); 
 
     $("#ContainerFeature1").hide(); 
 
\t \t $("#Genset1").hide(); 
 
    }  
 

 
\t })}; 
 
</script>

Answer 1

Вы можете попробовать это: jsfiddle.net/bharatsing/3y8n9msc/2/

Также в вашем коде я обнаружил, что

$("{#ContainerSize1").show(); 

Это должно быть

$("#ContainerSize1").show(); 

$(document).ready(function(){ 
    $('#LoadingPlace,#DeliveryPlaces').change(function() { 
     if ($('#DeliveryPlaces').val() == '1' && 
       ["Seaport 1", "Seaport 2", "Seaport 3"].indexOf($('#LoadingPlace').val()) > -1) { 
      $("#ContainerSize1").show(); 
      $("#ContainerFeature1").show(); 
     $("#Genset1").show();    
     } 

    else { 
      $("#ContainerSize1").hide(); 
      $("#ContainerFeature1").hide(); 
     $("#Genset1").hide(); 
     } 
    }); 
}); 

Answer 2

использование && (его допускают только оба они истинны) вместо || (его разрешить любой один истинный)

<script> 
function myFunction(){ 
$('#LoadingPlace,#DeliveryPlaces').change(function() { 
    if (($('#DeliveryPlaces').val() == '1') && (["Seaport 1", "Seaport 2", "Seaport 3"].indexOf($('#LoadingPlace').val()) > -1)) { 
     $("{#ContainerSize1").show(); 
     $("#ContainerFeature1").show(); 
     $("#Genset1").show();    
     } 

    else { 
     $("{#ContainerSize1").hide(); 
     $("#ContainerFeature1").hide(); 
     $("#Genset1").hide(); 
    }  

    })}; 
</script>