如何根據下拉框中的部分顯示/隱藏？

Question

我有以下代碼。我想要做的是在下拉列表中選擇「是」時顯示名爲「上傳者」的div。目前它不工作。

$(document).ready(function() { 
    $("#uploader").hide(); 
    $("#CitedIn").change(function() { 
    if (("#CitedIn").val() == 'yes') 
     $("#uploader").show("fast"); 
    else $("#uploader").hide("fast"); 
    }); 
}); 

<table> 
    <tr><td>Need item(s)?</td><td> 
     <select id="CitedIn" name="CitedIn" size="1" tabindex="13"> 
      <option value="none">(Select One)</option> 
      <option value="Yes">Yes</option> 
      <option value="No">No</option> 
     </select> 
    </td></tr> 
</table> 

<div id="uploader"> 
    Something... 
</div> 

可以做些什麼來使其按預期工作？在JavaScript

Answer 1

字符串比較是區分大小寫的，你是比較Yes到yes。

此外，你在這行

if (("#CitedIn").val() == 'Yes') 

缺少$調用因爲它應該是：

if ($("#CitedIn").val() == 'Yes') 
    ^

入住這裏：http://jsfiddle.net/Lpg2k/

Answer 2

你沒有$前if語句

0聲明

正如其他人已經指出，你還需要比較相同的情況下，Yes！= yes。

http://jsfiddle.net/Em2WD/