JavaScript

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

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

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

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

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

関連記事

  1. fb022d1ac056d555673c17937de7f431.png

    JavaScript

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

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

  2. canvas.jpg

    JavaScript

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

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

  3. tweenmax_license01.jpg

    JavaScript

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

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

  4. style_backgroundImage.jpg

    JavaScript

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

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

  5. oncomplete_function.jpg

    JavaScript

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

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

  6. scope.jpg

    JavaScript

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

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

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. lego_shop_hayabusa-1.jpg

    LEGOはやぶさ

    「LEGOはやぶさ」LEGO Shopで海外デビューしてた♪
  2. 日常

    香港政府観光局
  3. ポリプロピレン収納ケースをバラすのは「OLFA PカッターL型」がオススメ

    ステーショナリー

    ポリプロピレン収納ケースをバラすのは「OLFA PカッターL型」がオススメ
  4. 日常

    引越寸前
  5. 日常

    香港ロケ2 5/18
PAGE TOP