JavaScript

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

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

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

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

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

関連記事

  1. JavaScript

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

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

  2. JavaScript

    【TweenMax.js】回転アニメーションも楽々!

    以前も記事に書いたアニメーション用のJavaScriptライブラリ…

  3. JavaScript

    JavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう!

    変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起…

  4. JavaScript

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

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

  5. JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

  6. JavaScript

    「offset」で取得した値を使い回す

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

最近の記事

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

アーカイブ

  1. 日常

    抜歯のときにもらったケースがかわいらしい件。どうやら「乳歯ケース」というらしい
  2. 日常

    小さなモノから衣替え
  3. RSSフィード

    WordPress

    コメントフィードをつけた・・・だけ
  4. 【無印良品】背も低くて実用的!無印良品のフタ付きバケツ

    無印良品

    【無印良品】背も低くて実用的!無印良品のフタ付きバケツ
  5. 日常

    晩ご飯は出前で
PAGE TOP