1

「ステージ」のIDを持つdivがあります。この div には、テキスト入力とそこに配置できる可能性のあるその他のものがあります。

ユーザーがボタンをクリックすると、ステージ div で html を取得し、どこかに保存したいと考えています。私が気付いている私の問題は、画面上で TextInput と言うように変更した後、現在の HTML を取得していないことです。

問題は、このステージの div に何が入るかわからないことです。多くの場合、ユーザーがテキストを入力できるフォーム要素が含まれています。

たとえば、ステージが含まれている場合

<input type='text' value="Test Content">

それが作成され、ユーザーが入力の値を「My Test Content」に変更したときに、jQuery html() を取得したい

<input type='text' value="My Test Content">

ボタンをクリックすると。

これはどのように行うことができますか？

助けてくれてありがとう！

4

2 に答える 2

4

only を使用し.html()ても の値は変わりませんinput。初期値: を使用し続けます<input type='text' value="Test Content">。と を使用することをお勧めし.each()ます.val()。

ジャバスクリプト:

$(document).ready(function(){
    $('#b1').click(function(){
        $('#stage input').each(function(){
           $('#stage input').attr('value', $(this).val());
        });
        $('#results').html($('#stage').html());
    });
});

デモ: http://jsfiddle.net/dirtyd77/Yctwk/5/

于 2013-03-13T16:32:12.917 に答える
0

ボタン ID がわかっている場合は、次の操作を実行できます。

var divHtml; 

$("#buttonID").click(function() {
    divHtml = ("#stage").html();
});

これにより、ID「buttonID」のボタンをクリックすると、ID「stage」の div 内のすべての HTML が変数 divHtml に割り当てられます。

于 2013-03-13T16:32:23.953 に答える