オブジェクトから値を取得する方法について

2012/03/30 16:25

このQ&Aのポイント

オブジェクトから値を取得する方法についての質問です。
erlectオブジェクトの値を取得して出力する方法を教えてください。
問合せ入力フォームのセレクトボタンで選択された値を取得してログ出力する方法を教えてください。

yumi007
お礼率70% (12/17)

JavaScript
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

LancerVII
ベストアンサー率51% (1060/2054)

2012/03/30 16:38 回答No.1

こんにちは。こんな感じになると思います。 ==== js function textoutput() { // フォームを変数に var formObj = document.form01; // select01を取得 var select01 = formObj.select01; // textを結合用の変数として準備 var text = '【select01】' + '\n'; // 選択されているselectのvalueを取得して追加 text += select01.options[select01.selectedIndex].value; // valueではなく表示されているほう(text)を取得したいのなら下を使う // text += select01.options[select01.selectedIndex].text; // output.valueにtextを反映(最後に改行コード) formObj.output.value = text + '\n'; } ==== 動作サンプル http://hppg.moe.hm/okwave/qa/q7392600/

質問者

お礼 2012/03/30 16:59

大変勉強になりました。基本を応用しながらWebフォームを発展させたいと思います。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

yambejp
ベストアンサー率51% (3827/7415)

2012/03/30 16:43 回答No.2

formにnameをつけるのは今風ではないですねこの場合オブジェクトで渡せるのでその方が楽かも（もしくはidでアクセスしてください） <script> function textoutput(f) { var s = f.elements["select01"]; var v =''; v+='【select01】' + '\n'; v+= s.options[ s.selectedIndex ].value+ '\n'; f.elements["output"].value = v + '\n'; } </script> <form id="form01"> <p>OS確認</p> <p> <select name="select01"> <option value="" selected></option> <option value="Windows7">Windows7</option> <option value="WindowsVista">WindowsVista</option> <option value="WindowsXP">WindowsXP</option> <option value="WindowsMe">WindowsMe</option> <option value="Windows2000">Windows2000</option> </select> </p> <p>ログ出力</p> <p><input type="button" value="ログ出力" onClick="textoutput(this.form);"></p> <p><textarea name="output" cols="60" rows="10"></textarea></p> </form>

質問者