1

我试图让它在他们选择日期之间的搜索时工作，它将显示第二个日期搜索字段。

我知道 jquery 正在为选择菜单提取该值，因为我可以为它发出警报，当我单击日期之间的搜索时，它会向我抛出警报，我唯一的问题是让它显示隐藏的输入。

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 而不是 class 放在第二个仍然不起作用。

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

3 回答 3

0

仅使用

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

不明白你为什么这样做：

$("#date2_hidden").show(function() {
   $("#date2_hidden");
})
于 2013-10-02T04:01:22.127 回答
0

在你的 html

id="date2_hiddden"

带 3 'd'

jsFiddle

于 2013-10-02T04:05:47.847 回答
0

我注意到您的 HTML 中有 date2_hidden 和 3 个“d”。

这是一个工作示例：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();
});
于 2013-10-02T04:06:41.740 回答