javascript - jqueryでテキスト値を取得しますか?

Question

私はこのようなマークアップを持っています

<div class="text-input-area">
    <input type="text" id="text-input"/> <br />
    <input id="button" type="submit" value="Preview" />
  </div><!--.text-input-area-->

入力エリアには、テキストのみを入力します。[プレビュー] ボタンをクリックすると、入力したテキストが表示されます。そのために、私は自分のjqueryをこのようにしました

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('#button').click(function() {
      var textvalue = $( "#text-input").text();
        alert('textvalue');
    });
  });
  </script>

しかし、まったく機能していません。誰かがこれを行う方法を教えてもらえますか?

Answer 1

デモ http://jsfiddle.net/gmeEL/

API :

• .val(): http://api.jquery.com/val/

これが原因に合うことを願っています:)

コード

  jQuery(document).ready(function() {
    jQuery('#button').click(function() {
      var textvalue = $( "#text-input").val();
        alert(textvalue);
    });
  });

Answer 2

$( "#text-input").val()の代わりに$( "#text-input").text()、のalert(textvalue)代わりに使用alert('textvalue')

完全なコード:

jQuery(document).ready(function() {
    jQuery('#button').click(function() {
      var textvalue = $( "#text-input").val();
        alert(textvalue);
    });
  });

フィドルのデモ

Answer 3

つまり、要素のval()a を返す jquery 関数である必要がありますvalue

var textvalue = $( "#text-input").val();

その点に注意してください

.text() メソッドは、フォーム入力またはスクリプトでは使用できません。input または textarea 要素のテキスト値を設定または取得するには、.val() メソッドを使用します。スクリプト要素の値を取得するには、.html() メソッドを使用します。

http://api.jquery.com/text/

Answer 4

2つの問題

1. 入力フィールドの値を取得するには .val() を使用する必要があります
2. textvalue文字列リテラルではなく、アラートに変数を使用する必要があります'textvalue'

試す

jQuery(function ($) {
    $('#button').click(function () {
        var textvalue = $("#text-input").val();
        alert(textvalue);
    });
});

Answer 5

入力用および$(selector).val() スパン用選択用$(selector).text()