1

入力したテキストがその場でどのように見えるかを示すプレビュー領域を設定したいと思います。ただし、この jQuery 関数を text() で機能させるのに苦労しています。

これは機能しますが (フォームが送信されると、#preview に「サンプル テキスト」が表示されます:

$("form").submit(function () {
              $("#preview").text("some sample text").show();
              return false;
            });

これは機能せず、テキスト フィールドの内容を取得してプレビュー ボックスで代わりに使用しようとしても何も表示されません。

$("form").submit(function () {
              $("#preview").text($("input:first").val()).show();
              return false;
            });

理由はありますか？おそらく非常に単純で、私はそれが恋しいだけです。

4

2 に答える 2

1

コードはフィドルで正常に動作します。高さと幅が宣言されていることを確認してください#preview。宣言されていない場合、視覚的に区別できない場合があります。

実際のデモを参照してください: http://jsfiddle.net/js4XU/

于 2012-12-09T22:37:49.717 に答える
0

最後に、これをより「ライブプレビュー」として書き直しkeyup()、フォーム送信後にリクエストする代わりに、関数を使用して入力の値をキャプチャしました。

于 2012-12-14T20:01:56.563 に答える