JavaScript

JavaScriptでテキストボックスから値を取得する

テキストボックスに入力された値を取得します。
Elementオブジェクト「txt_box」のインスタンスを取得したら「value」プロパティを参照します。

1
2
var txtBox = document.getElementById('txt_box');
var txt = txtBox.value;

これでテキスト・ボックス「txt_box」に入っているテキストが「txt」に格納されました。
あとは煮るなり焼くなり好きにします♪

▼基本から勉強するならコレ!

関連記事

  1. JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

  2. JavaScript

    CSSのプロパティをJavaScriptで指定する

    Elementオブジェクトのstyleプロパティでその要素に対し…

  3. JavaScript

    配列に入れた無名オブジェクトの値をクリアする

    オブジェクトの値を配列にいれて管理することってけっこうあります。…

  4. JavaScript

    JavaScriptでエラーが起っても固まらないように「try-catch」する

    HTML5とJavaScriptでこねこねしてWebアプリを作って…

  5. JavaScript

    Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法

    Webアプリをデザインするときに必須となるのがJavaScript…

  6. JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js」が便利!

    jQueryでもアニメーションはできるのですが、それよりも表現力豊…

最近の記事

  1. 進撃の巨人展FINAL チラシ
  2. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  3. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  4. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  5. 【コレクション】カードダス:SDガンダム外伝シリーズ
  6. 懐かしい!!カードダスSD戦国伝!!
  7. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!

アーカイブ

  1. livedoorブログ無料版からWordPressへ引っ越す方法

    ブログ

    livedoorブログ無料版からWordPressへ引っ越す方法
  2. 展覧会

    あれから30年!?ビックリマン30周年記念原画展にいってきた
  3. 展覧会

    ロケット発射音体験で腹が震えた「宇宙展」のオススメ3つ
  4. 【UNIQLO】LEGOのTシャツ・シリーズを確保。レゴとは気がつかない人もいるかもね。

    ファッション

    【UNIQLO】LEGOのTシャツ・シリーズを確保。レゴとは気がつかない人もいる…
  5. 日常

    『視覚世界の謎に迫る』
PAGE TOP