0

ユーザーがリンクをクリックすると追加情報が読み込まれ、複数選択ドロップダウンholds[]が表示されます。

ユーザーが「詳細」情報リンクを選択しない場合、holds[]ドロップダウンはレンダリングされず、投稿データに表示されません。print_r($_POST);

ajax の場合、成功すると (ユーザーが詳細情報リンクをクリックすると)、そのholds[]ドロップダウンを含む html のチャンクが表示されます (下のスクリーンショットを参照)。

それぞれの「詳細」情報リンクがクリックされていない場合、ajax/jQuery に追加してholds[]ドロップダウンを非表示フィールドとして設定することは可能ですか?

どんな助けでも大歓迎です。

ここに画像の説明を入力

4

2 に答える 2

0
<input class="hidden" /> <!--Will be hidden by defaul -->


.hidden {
    display:none;
}


$('.more').click(function(){
    $(this).siblings('.dropdown').toggleClass('hidden'); 
    //You haven't posted your html so I'm going to make some assumptions
});
于 2012-08-02T17:56:52.087 に答える
0

moreボタンで、探しているデータを返し、クリックされた行の後にテーブルに挿入する ajax 呼び出しを行う JavaScript 関数を呼び出すことができます。

$(".more").on('click', function() {
    var rowId = $(this).attr('id');
    $.post("process.php", {
            id: rowId
        }, function (data) {
            $(this).parent().parent().after(data);
            $(this).html("<a href='#' class='close' id='" + $(this).attr('id') + "'>close</a>");
        }
});

$(this).parent() // <td> containing "more"
    .parent() // <tr> containing <td> containing "more"
于 2012-08-02T17:59:44.250 に答える