Question

这是一个简单的问题，但有人可以帮助我使用javascript来显示基于两个下拉选项的div是真的吗？

这是我的代码，但我只是想知道这是否正确？

编辑已解决以下两个答案。非常感谢你们！

＆＃13;

<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>

＆＃13;

Answer 1

使用&&（只允许两者都是真的）而不是||（允许任何一个为真）

<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>

Answer 2

您可以尝试：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();  
      }
    });
});

仅在2个条件为真时显示字段？

2 个答案: