1

私はこれを機能させようとしています。日付間の検索を選択すると、2 番目の日付検索フィールドが表示されます。

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();

これらはどちらも機能せず、2 番目のクラスの代わりに id を配置しても機能しません。

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'

jsフィドル

于 2013-10-02T04:05:47.847 に答える
0

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();
});
于 2013-10-02T04:06:41.740 に答える