jquery顯示和隱藏函數

Question

我想要得到這個工作，當他們選擇日期之間的搜索時，它會顯示第二個日期搜索字段。

我知道jquery爲選擇菜單提供了這個值bc我可以爲它提供一個提醒，當我點擊日期之間的搜索時，它會向我發出警報，我唯一的問題是讓它顯示那隱藏的輸入。

HTML：

<select name='filter' class='input-large' id="select_field"> 
    <option value=''>Select One</option> 
    <option value='dateonly'>Search by Date Only</option> 
    <option value='search_between_dates'>Search Between Dates</option> 
</select> 
<input type='text' placeholder="Date"> 
<input type="text" placeholder="Date 2" id="date2_hiddden" class="hidden"> 

的Javascript：

function getSelect() { 
    var selectValue = $("#select_field").val(); 
    if(selectValue === 'search_between_dates') { 
     $("#date2_hidden").show(function() { 
      $("#date2_hidden"); 
     }) 
    } else { 
     $("#date2_hidden").hide(); 
    } 
} 
$("#select_field").change(getSelect); 
getSelect(); 

無論這些工作，並把ID而不是類第二的仍然是行不通的。

function getSelect() { 
    var selectValue = $("#select_field").val(); 
    if(selectValue === 'search_between_dates') { 
     $(".hidden").show(); 
    } else { 
     $("#date2_hidden").hide(); 
    } 
} 
$("#select_field").change(getSelect); 
getSelect(); 

Answer 1

我注意到你的HTML有3個「d」的date2_hidden。

這裏有一個工作示例：http://jsfiddle.net/H6Hhw/1/

function getSelect() {  
    var selectValue = $("#select_field").val(); 

    if (selectValue === 'search_between_dates') { 
     $("#date2_hidden").show(); 
    } else { 
     $("#date2_hidden").hide(); 
    } 
} 

$("#select_field").on('change', function() { 
    getSelect(); 
}); 

Answer 2

只使用

if(selectValue === 'search_between_dates') { 
    $("#date2_hidden").show(); 
} else { 
    $("#date2_hidden").hide(); 
} 

不明白你爲什麼這樣做：用3 'd'

$("#date2_hidden").show(function() { 
    $("#date2_hidden"); 
}) 

Answer 3

在HTML

id="date2_hiddden" 

jsFiddle