JavaScript

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

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

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

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

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

関連記事

  1. getElementById

    JavaScript

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

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

  2. tweenmax_js_oncomplete.jpg

    JavaScript

    【TweenMax.js】アニメーション終わりに関数を呼び出す!

    最近はWebアプリでアニメーションが必要になったときに、「Twen…

  3. offset_style.jpg

    JavaScript

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

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

  4. data_access.jpg

    JavaScript

    JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する

    JavaScriptのコードの中では、どこにデータを格納するかでコ…

  5. tweenmax_js_totation.jpg

    JavaScript

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

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

  6. oncomplete_function.jpg

    JavaScript

    【TweenMax】「onComplete」で引数を使う方法

    TweenMaxの「onComplete」で引数を使いたい場合って…

最近の記事

  1. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  2. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  3. コミックのイラストが新鮮だった!『MARVEL展』
  4. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  5. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. mtg_gp_yokohama_2013-1.jpg

    MTG

    【MTG】マジックのお祭り「グランプリ横浜」にいってきた
  2. Crowdfireでアクティブじゃないフォロワーを整理する方法

    サービス

    Crowdfireでアクティブじゃないフォロワーを整理する方法
  3. glico_starwars_1-1.jpg

    グルメ

    フォースの力でつよくなりそう♪ 「スター・ウォーズ グリコ」
  4. aero-1.jpg

    グルメ

    夏はすぎましたが「エアロ チョコミント」がすっきり涼感あるチョコでした
  5. 日常

    あけました。
PAGE TOP