• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:オブジェクトから値を取得する方法について)

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

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

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

  • ベストアンサー
  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答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/

yumi007
質問者

お礼

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

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答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>

yumi007
質問者

お礼

さっそくの助言ありがとうございました。

関連するQ&A

専門家に質問してみよう