Question

我有以下jQuery脚本：

 $(document).ready(function(){
    $("#choices").change(function(){
        $("select option:selected").each(function(){
            if($("#choices").attr("value")=="A"){
                $(".church").show(slow);
                $(".orginization").hide(slow);
            }
        });
    }).change();
});

和html：

<select id="choices">

                <option value="0">Please Select</option>
                <option value="A">Church</option>
                <option valie="B">Non-Profit</option>
                <option valie="C">School</option>
                <option valie="D">Commercial</option>
                <option valie="E">Other</option>

                </select>

当我从列表中选择有价值的教堂时，＆＃34; A＆＃34;它应该取消隐藏与教室＆＃34;教堂＆＃34;但我无法实现它。你能告诉我我的剧本有什么问题吗？

Answer 1

你无法通过“慢速”。对于那些方法，您必须指定一个数字。详情请访问JQuery网站。

<强>更新

另一个问题是你必须使用 val 方法获取select元素的值，如下所示：

{{1}}

Answer 2

使用此代码更改您的代码。

$(document).ready(function(){
    $("#choices").change(function(){
        var thisVal = $(this).val();     
        if(thisVal=="A"){
                $(".church").show('slow');
                $(".orginization").hide('slow');            
        }
    });
});

https://jsfiddle.net/juekqwns/

Answer 3

http://www.w3schools.com/jquery/jquery_hide_show.asp

http://api.jquery.com/show/

除此之外，应该传递一个字符串，还需要重新编写你的js代码。

   $(".church").show('slow');
   $(".orginization").hide('slow');

duration (default: 400)
Type: Number or String
A string or number determining how long the animation will run.

<强> JS

$("#choices").change(function(){
  if($(this).val()=="A"){
    $(".church").show('slow');
    $(".orginization").hide('slow');
  }
});

<{3}}

中的

演示

选择选择列表时，JQuery显示div

3 个答案: