JavaScript

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

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

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

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

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

関連記事

  1. tweenmax_license01.jpg

    JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

  2. js_comment.jpg

    JavaScript

    JavaScriptでコメントは「/* */」をなるべく使わないようにしたい

    コメントには囲った部分をすべてコメントにする「/* */」と、1…

  3. QueryString.jpg

    JavaScript

    クエリーストリングを利用してWebページ間でデータを受け渡してみる

    「クエリーストリング」っていうのは以下のようなGoogleで検索し…

  4. chrome_touchevents.jpg

    JavaScript

    WebアプリのデバッグをChromeでやるために「touch events」を有効化する方法

    Webアプリのデバッグは「Chrome」をいつも使ってます。その…

  5. js_style.jpg

    JavaScript

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

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

  6. getElementById

    JavaScript

    JavaScript内で、HTMLのIDを直接指定したらダメ

    Webアプリをデザインしていて、JavaScriptの記述について…

最近の記事

  1. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  2. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  3. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  4. コミックのイラストが新鮮だった!『MARVEL展』
  5. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  6. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」
  7. 水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」
  8. 【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」
  9. 【無印良品】普通に使えるクリップが安くてうれしい「袋止めクリップ・大」
  10. 今年の手帳はコレに決めた♪「ほぼ日手帳 2017 オリジナル」

アーカイブ

  1. ウゴクブロックナイト

    LEGO

    ウゴクブロックナイトで初レゴ・テクニック
  2. eclipse_app05

    iPhoneApp

    5/21の『金環日食』に向けて無料アプリで観測リハーサルをやっておこう
  3. wired_6_-1.jpg

    読書

    『WIRED』最新号VOL.6はゲーム特集♪
  4. 日常

    かるくヤバイ!?
  5. 日常

    一段落・・・か?
PAGE TOP