JQuery的節目格

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> 

當我從具有值列表中選擇教會「A」它應該用班級「教堂」來取消一個div，但我不能讓它發生。你能告訴我我的劇本有什麼問題嗎？

Answer 1

您無法將「緩慢」傳遞給這些方法，而是必須指定一個數字。閱讀更多關於JQuery的網站。

更新時間：

的另一個問題是，你必須得選擇元素的值與VAL方法是這樣的：

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

Answer 2

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'); 
    } 
}); 

演示在FIDDLE

Answer 3

使用此代碼更改代碼。

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

https://jsfiddle.net/juekqwns/