• ベストアンサー

struts selectbox optionsCollection labelテキストを取得したい

こんにちは。技術者のみなさん、是非力を貸してください。 JSPのページでselectボックスで選択したlabel値をjavascriptで取得したいのですが、取得できません。value値は以下のように取得できます。 何か良い方法がありましたら教えて下さい、よろしくお願い致します。 <script type="text/javascript">  function GetLabel(){ //value値は取得できる   alert(formname.aa.value); //label値を取得したい   alert();  } </script> <html:select property="aa" value="" > <html:optionsCollection name="list" value="id" label="name"/> </html:select>

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

  • ベストアンサー
  • MS-14Fs
  • ベストアンサー率60% (3/5)
回答No.1

こんな感じですかね alert(formname.aa.options[formname.aa.selectedIndex] .text )

user10
質問者

お礼

MS-14Fs 専門家さん、ありがとうございました!! 時間をかけて悩んでいましたのでとても助かりました!!!

その他の回答 (1)

  • ctrlzr
  • ベストアンサー率29% (18/62)
回答No.2

alert(formname.aa.options[formname.aa.selectedIndex].text );

user10
質問者

お礼

ctrlzrさん、ありがとうございました!! 時間をかけて悩んでいましたのでとても助かりました!!

関連するQ&A

  • javascriptでselectboxのvalueを取得し、特定のv

    javascriptでselectboxのvalueを取得し、特定のvalue値により、「<input type="text" name~>」をブラウザに表示させたいのですが、やり方がわかりません。 javascriptについて素人です。 jQUERYを使用して、phpのようにif文を追加したらいけるのかなと思って下記のようにやってみたのですが、更新しないと変わりませんでした。。 どなたかお力を貸して下さい!どうか宜しくお願い致します! ========================================== <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" /> <meta name="robots" content="noindex,nofollow" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript" src="/admin/js/jquery-1.2.3.js" ></script> <script type="text/javascript"> $(function() { hogehoge = $("#abcdefg").val(); if(hogehoge !== '3'){ $('#hijklmn').hide(); } }); </script> </head> <body> <form method="post" action="/admin/~"> <select id="abcdefg"> <option value="1">aaaaaaaa</option> <option value="2">bbbbbbbb</option> <option value="3">cccccccc</option> </select> <div id="hijklmn"> 上のセレクトボックスが3の場合のみ、下記のフォームを表示させたい <input type="text" value="ああああああああ" /> </div> </form> </body> </html>

  • JavaScriptでプルダウンのサイズを取得

    JavaScriptにてプルダウンのサイズ(<option>の数)を取得したいと思っています。 document.getElementById("pulldown").length にて取得できると思うのですが 試してみたところ無反応でした。どう書けばよろしいのでしょうか。 <html> <head>     <script type="text/JavaScript">               alert(document.getElementById("pulldown").length);     </script> </head> <body> <form name="form"> <select name="pulldown" id="pulldown"> <option value="5">5</option> </select> </form> </body> </html>

  • SelectのLabelの値を取得するには

    できる・できないの判断を下さい。 DB・ASPをつかってアプリケーションを作成しています。 HTMLのselectで、valueにはコード、Labelには日本語名を据えています。 submit時にLabelに"★"含まれていたら、その下のテキストエリアは、 絶対に記入、と言うチェックを、javascriptで書きたいと思っています。 ところが、どうしてもLabelの値を参照することができません。 valueで、コードを参照できることは確認しました。 これってできないのでしょうか? 以下実際に書いたJavascript function Checkform() { Chkflg = true; // assume valid if (document.forms.form_report.factor_cd.label.indexOf("★") !== -1) { if (!Chk_Lng(document.forms.form_report.coment.value)) { Chkflg = false; alert("要因に★がある場合は、必ずコメントを記入して下さい。"); return Chkflg;} if (Chkflg) document.forms.form_report.submit(); return Chkflg; } } function Chk_Lng(text) { return (text.length > 0); // returns false if empty }

  • プルダウンメニューのリンクで別ウインドウを開く

    下記のようなプルダウンメニューを作成したのですが、同じウインドウ内でリンクするのではなく別ウインドウで開くようにするにはどこを変更すればよいのでしょうか? head内>>>>>>>>>>>>> <script language="JavaScript" type="text/JavaScript"> <!-- function gotoURL(formName){ var gotoUrl=document.forms[formName].elements[0].options[document.forms[formName].elements[0].selectedIndex].value document.location.href=gotoUrl } --> </script> body内>>>>>>>>>>>>>> <form name="fm0"> <select name="links"> <option selected><ここから選択してください></option> <option value="aaa.html">あああ</option> <option value="bbb.html">びびび</option> </select> <input name="BUTTON" TYPE=BUTTON onClick="gotoURL('fm0')" VALUE="GO!"></form>

  • コントロール名の取得方法について

    いつもお世話になっております。 表題の件について早速ご質問なのですが、 例えば・・・ <form name="a"> <input type="text" name="txt01" value="no...1"> <input type="text" name="txt02" value="number2"> <input type="text" name="txt03" value="sono3"> <input type="text" name="txt04" value="その4"> <input type="text" name="txt05" value="これは5番目"> <input type="button" onClick="getControlValue(document.a)"> </form> というフォームがあったとして JavaScriptから <script type="text/JavaScript"> function getControlValue(oForm) { for (i=1;i<=5;i++) { oControlName = i番目のコントロール; // 数字の2桁0埋め処理を使用 alert(oControlName.Name + "の値は" + oControlName.value + "です。"); } return false; } </script> というループの中で上記フォーム(txt**)のコントロールを取得して、その値を取得するには どのような方法を取れば実現できるのでしょうか。 ご存知の方がいらっしゃいましたらお知恵をお借りできれば幸いに存じます。 よろしくおねがいいたします。

  • HTMLのSELECTタグの使い方、JSPのセッション格納について

    HTMLのSELECTタグの使い方、JSPのセッション格納について Jspで開発をしております。IE7以上です。 同一画面内でボックスで選択した値をそのままセッションに格納したいのです。 Javascriptで制御したいのですが、なにかいい方法をご存知ですか? <script type="text/javascript"> function test(obj) { with(obj) { form.text1.value = options[selectedIndex].value; } } </script> <SELECT NAME="select1" onchanged="test(this)"> <OPTION VALUE=1>First <OPTION VALUE=2 selected>Second <OPTION VALUE=3touya">Theard </SELECT> またselectedでは初期の表示のみ選べて値の初期値はscript側で設定するのでしょうか? これだとボックスに変化があれば値が取得できるみたいです。 できればボックスをいじらなければ初期表示の値をセッションに格納。 ボックスをいじれば選択した値をセッションに格納。

  • jQueryで複数の要素オブジェクトを取得したあと

    jQueryで複数の要素オブジェクト(というの?)を取得するケースで、jQueryオブジェクトとして扱えなくなっていることが気持ち悪く、ここをどうにかできないかという話です。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <input type="text" id="ii1" name="nn" value="マツコ"> <input type="text" id="ii2" name="nn" value="竹田"> <input type="text" id="ii3" name="nn" value="小梅太夫"> <script> jQuery(function ($) {   alert($("#ii1").val()); // (0)   alert($("[name=nn]:eq(1)").val()); // (1)   alert($("[name=nn]:first-child").val()); // (2)   alert($("[name=nn]")[2].value); // (3)   alert($("[name=nn]").get(1).value); // (4) }); </script> このソースで、(0)はいいとして、(1)(2)のようにオブジェクトが一つしか返らないような場合には、「.val()」メソッドが使えます。しかし(3)(4)の場合には、少なくともこのままでは「.val()」メソッドが使えないため、Elementオブジェクトのvalueプロパティを使用しています。 値を取得するコードで「.val()」「value」が混在しているのが気持ち悪く、「value」に統一したいです。ちなみに実際には「$("[name=nn]")」のように取得したあと、for文でまわして処理するケースが多いです。 「$("[name=nn]")」で取得し、オブジェクトの件数をカウントしたあと苦肉の策で、for文の中で「$("[name=nn]:eq(" + i + ")").val()」等と書いたこともありますが、むしろ読みにくくなってしまっています。これだったらまだvalueプロパティを使う方がいいかと思います。 「$("[name=nn]")」で複数のオブジェクトを取得した後で、それぞれのオブジェクトに「.val()」を使う方法はありますでしょうか?あるのなら具体的に教えてください。 よろしくお願いします。

  • SelectBoxで、もう一つのSelectBoxを制御する方法

    自動車メーカーのselectboxがあり、選択したメーカーにより二つ目の車名のselectboxの表示名が変わる。 トヨタ→カローラ、プリウス 日産→マーチ ホンダ→アコード、フィット そして、「登録」をクリックすると選択された自動車メーカーと車名のvalueがサーバーに送信される。 function company_onchange(){}の中で制御文を書くと思うのですが具体的にどのように書けばよいのか分かりません。ご教授頂けたらと思います。宜しくお願い致します。 <script language="javascript"> function company_onchange(){ } </script> <form name="RegisterForm" method="post" action="/car/RegisterAction.do" target="body"> <table> <tr> <td colspan="2">自動車メーカー <select name="companyCd" onchange="company_onchange(form);"> <option value="100">トヨタ </option> <option value="200">日産 </option> <option value="300">本田 </option>   </select> </td> <td colspan="2">車名       <select name="carName"> <option value="10000">カローラ</option> <option value="10003">プリウス</option> <option value="20002">マーチ</option> <option value="30001">アコード</option> <option value="30002">フィット</option> </select> </td> </tr> </table> <input type="submit" name="action" value="登録"> </form>

  • 変数の記述について教えてください。

    こんにちは。 ご指導のほど、宜しくお願い致します。 javascriptで<form>のname="menu"を変数:formnameに 代入し、実行するように記述をしたいのですが どうもうまくいきません。 誤りの部分を教えて下さい。 <script Language="JavaScript"> <!-- var formname="menu"; // 本登録検索============================================== function itiran_onClick(){ document.+formname+.action" = "itiran.asp"; document.+formname+.submit()"; } ============================================== --> </script> <中省略> <form action="" method="post" name="menu"> <input type="text" name="TEST" value="1"> <input type="bottun" value="次へ" onclick="itiran_onClick()"> </form>

  • セレクトメニューの値の取得

    質問します。 下記のようなセレクトメニューがあった場合に、表示されている値(AA,BB)をJavaScriptで取得する場合はどのようなコーディングをすればよろしいのでしょうか? <select name="SL_CMB" onChange="alert();"> <option value="1" Selected>AA</option> <option value="2" >BB</option> <option value="3" >CC</option> <option value="4" >DD</option> <option value="5">EE</option> </select>

専門家に質問してみよう