0

私はjQueryの初心者で、すぐに習得できますが、本当に助けが必要です.

この例のようなデータを含むページがあります:

ページには「コンテンツ」 (id)と呼ばれるダイブがあります

この div には 2 つのサブ div が含まれます。1 つはデータ用、もう 1 つはフォーム用で、それぞれdiv-dataおよびdiv-formと呼ばれます。

ここに画像の説明を入力

最初は「div-data」が表示され、もう一方は非表示になっています。

編集をクリックすると、「div-data」が消え、「div-form」がデータの入力フォームとともに表示されます。

データの検証を行ったところ、DB上で編集したデータが更新されているので、「div-form」を非表示にして「div-form」を表示する必要があるのですが、問題は、「div-data」のデータが更新されないことです。

そのdivを更新するにはどうすればよいですか???

私は最後のステップにいます:/

4

3 に答える 3

1

コンテンツを置き換えることができる別の要素に値があります。

次に、ajax 成功関数からこれらの要素を埋めることができます。

success: function(data){
    $('#div-data').find('.firstname').text(data.firstname).end()
        .find('.lastname').text(data.lastname).end()
        .find('.work').text(data.work);
}
于 2012-07-11T07:47:42.323 に答える
1

フォーム入力フィールドの無効化オプションを切り替えてみませんか? このように、DOM に必要な div は 1 つだけで、DOM 操作を気にする必要はありません。

これは私が話していることです：

EDIT ボタンの ID が「form-edit」であるとしましょう:

$('#form-edit').click(function(){
    $('#div-form').find('input ').each(function(){
        $this = $(this);
        if ($this.attr('disabled')) $this.removeAttr('disabled');
                else $this.attr('disabled', 'disabled');
    });
});

http://www.w3schools.com/tags/att_option_disabled.asp

于 2012-07-11T07:58:07.507 に答える