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

仅使用

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

不明白你为什么这么做：

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

Answer 2

你的HTML中的

id="date2_hiddden"

3'd'

jsFiddle

Answer 3

我注意到你的HTML有date2_hidden与3＆＃34; d＆＃34; s。

以下是一个工作示例：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();
});

Jquery显示和隐藏函数

3 个答案: