- ベストアンサー
オブジェクトから値を取得する方法について
- オブジェクトから値を取得する方法についての質問です。
- erlectオブジェクトの値を取得して出力する方法を教えてください。
- 問合せ入力フォームのセレクトボタンで選択された値を取得してログ出力する方法を教えてください。
- yumi007
- お礼率70% (12/17)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 こんな感じになると思います。 ==== 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/
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
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>
お礼
さっそくの助言ありがとうございました。
お礼
大変勉強になりました。 基本を応用しながらWebフォームを発展させたいと思います。 ありがとうございました。