javascript - Javascript、表示 [object HTMLInputElement]

Question

HTMLの勉強を始めたばかりです。変数alert()の 1 つで を実行すると、この結果が得られます[object HTMLInputElement]。

入力タイプがテキストのテキストフィールドに追加されたデータを取得するにはどうすればよいですか?

Answer 1

要素が の場合、属性<input type="text">を照会する必要があります。value

alert(element.value);

このjsFiddleの例を参照してください。

また、HTML を学習し始めているので、デバッグ目的console.log()の代わりに使用することを検討することもできます。alert()スクリプトの実行フローを中断することはなく、開発者ツールを使用してほぼすべてのブラウザーですべてのログの一般的なビューを表示できます (明らかに1 つを除く)。

もちろん、たとえばFirebugなどの Web 開発ツールの使用を検討することもできます。これは、多くの機能 (javascript コードのデバッグ、DOM インスペクタ、リアルタイムの DOM/CSS 変更、リクエスト監視など) を提供する Firefox 用の強力なアドオンです。 ..)

Answer 2

<input type="text" />
<script>
$("input:text").change(function() {
    var value=$("input:text").val();
    alert(value);
});
</script>

.val() を使用して要素の値を取得し (jquery メソッド)、$("input:text") このセレクターを使用して入力を選択し、.change() を使用してイベント ハンドラーを "change" JavaScript イベントにバインドします。