テキスト フィールドの内容を送信時に新しい div に表示したいのですが、テキスト フィールドの下の送信ボタンがクリックされるたびに、新しい div を作成したいと思います。
たとえば、ユーザー A が「hello」と入力して送信すると、「hello」がページの別の場所に表示されます。
人物 B が現れ、「hello again」と入力して送信すると、最初の「hello」の後の次の div にも「hello again」が表示されます。
この機能は可能ですか?どんな助けでも大歓迎です。
テキスト フィールドの内容を送信時に新しい div に表示したいのですが、テキスト フィールドの下の送信ボタンがクリックされるたびに、新しい div を作成したいと思います。
たとえば、ユーザー A が「hello」と入力して送信すると、「hello」がページの別の場所に表示されます。
人物 B が現れ、「hello again」と入力して送信すると、最初の「hello」の後の次の div にも「hello again」が表示されます。
この機能は可能ですか?どんな助けでも大歓迎です。
jqueryを使用して必要なものの例を作成したと思います:http://jsfiddle.net/sVgxa/
HTML:
<textarea id="input"></textarea>
<button id="submit">Enter</button>
<div id="newDivs"></div>
Javascript:
$('#submit').click(function() {
var text = $('#input').val();
$('#newDivs').append('<div>' + text + '</div>');
});
トリムが言ったように、異なるユーザー間で表示されるものが必要な場合は、Ajax を使用してより複雑なものが必要になります。