Question

我有一个关于选择框的问题。我必须创建 DEMO

在此演示中，您可以看到有一个蓝色按钮。我在尝试什么？如果所有值都不是0，那么我正在尝试show按钮。如果所有值均为0，则按钮hide。

我该怎么做？

$(function(){
  $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="Satılık"){
                    $(".met").show();
                    $(".de").hide();
                }
                if($(this).attr("value")=="Kiralık"){
                    $(".met").show();
                    $(".de").show();
                }
                if($(this).attr("value")=="GünlükKiralık"){
                    $(".de").hide();
                    $(".met").show();
                }
                if($(this).attr("value")=="Satılıki"){
                    $(".de").hide();
                    $(".met").show();
                }
                if($(this).attr("value")=="Kiralıki"){
                    $(".de").show();
                    $(".met").show();
                 }
                if($(this).attr("value")=="Devren"){
                    $(".de").hide();
                    $(".met").show();
                 }

            });
        }).change();
});

Answer 1

这是你想要实现的目标http://jsfiddle.net/fekktthj/1/？

我添加了几行来检查最后一个选择的值，如下所示：

$(function(){
  $("select").change(function(){
    $( "select option:selected").each(function(){
        if($(this).attr("value")=="Satılık"){
            $(".met").show();
            $(".de").hide();
        }
        if($(this).attr("value")=="Kiralık"){
            $(".met").show();
            $(".de").show();
        }
        if($(this).attr("value")=="GünlükKiralık"){
            $(".de").hide();
            $(".met").show();
        }
        if($(this).attr("value")=="Satılıki"){
            $(".de").hide();
            $(".met").show();
        }
        if($(this).attr("value")=="Kiralıki"){
            $(".de").show();
            $(".met").show();
        }
        if($(this).attr("value")=="Devren"){
            $(".de").hide();
            $(".met").show();
        }

    });
    if(($('select[name=isinma_tipi]').val() ==null) || $('select[name=isinma_tipi]').val() ==''){
      $('#submitBtn').hide();
    }else{
      $('#submitBtn').show();
    }
}).change();

我希望它可以帮到你！

Answer 2

将按钮上的css设置为＆＃34; display：none;＆＃34;或者是像＃34; $（＆＃39;＃submitBtn＆＃39;）那样的js。hide（）;＆＃34;

Jquery的

$('#model').click(function(){
   if($(this).val() !== "")
     {
       $('#submitBtn').show();
     }
  else{
    $('#submitBtn').hide();
  }
});

jquery所有值都不为空，然后显示提交按钮，否则不显示

2 个答案: