- 締切済み
optionsのオブジェクトからselectを
optionのオブジェクトからselectのオブジェクトを取得するJavaScriptを教えてください。 最近のブラウザのみの方法でもよいです。 GetParentみたいなものを探しています。
- kaepobc
- お礼率17% (10/57)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
option.parentNode optgroupは考慮していません。
関連するQ&A
- select optionのことで聞きたいことが
<select name="" id="" style="height:30px;line-height:30px;"> <option value="" id="item-1">あああ</option> <option value="" id="item-2">あ</option> <option value="" id="item-3">ああ</option> </select> optionの高さを広げて、さらに▼の位置を変えず、セレクトボックス内の文字位置をセレクトボックス内の縦の真ん中に持っていきたいと思っています。 現実的ではないのは分かっていますが、どうにかクロスブラウザに対応した方法があれば 教えてください。 ずっと悩んでいるのですが、答えが出ず教えてほしいです。 html cssでページはデザインしています。
- ベストアンサー
- CSS
- <SELECT>内<OPTION>の内容を曜日で変えるには？
<FORM name="BGM"> <SELECT name="change"> <OPTION selected>選曲♪</OPTION> <OPTION value="○○○.mid">曲１</OPTION> <OPTION value="○○○.mid">曲２</OPTION> <OPTION value="○○○.mid ">曲３</OPTION> <OPTION value="○○○.mid ">曲４</OPTION> </SELECT> <INPUT onclick="bgm_change()" type="button"> </FORM> 今、このような形で、<SELECT>を使ってBGMを４曲から選べる機能を成功させています。 この、<SELECT>の<OPTION>のプルダウンの内容を、 曜日ごとで変えたいと思っています。 今日の曜日を取得するJavascriptは、 Function WhatDayWeek() と言う名の関数で、 Week = new Array(7); DATE = new Date(); thisweek = Week[DATE.getDay()]; 以上のように作っていますが、 このJavascriptと、<SELECT><OPTION>をくっ付ける(反映させる)にはどう記述すればよいでしょうか？ 関数自体、この３行では足りないんでしょうか・・。 どなたかご教授下さい。
- ベストアンサー
- HTML
- JavaScript で動的に <SELECT>の<OPTION>を追加したい
HTML の <FORM> の <SELECT> <OPTION VALUE="11">AAA</OPTION> の<OPTION >を JavaScript で設定しようと考えています。 方法ご存知の方いらっしゃいましたら、御教授願います。 また、JavaScript のメソッド／プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- SELECT OPTIONの中身をコピペしたい
<select> <option value="1">膨大な文字列１</option> <option value="2">膨大な文字列２</option> </select> みたいな、SELECT OPTIONがあって その中に膨大な文字列(OPTION)があるんですが、 それを、別の場所に文字だけコピーペーストしたいのですが ブラウザ上だとできません。 ソースを直接コピペするのでは、一個一個必要な部分だけ 取り出さなければならず大変手間がかかります。 目の前にテキストがあるのに、コピーペーストできず もどかしい状態です。 SELECT OPTIONの文字列が取り出すうまい方法があれば アドバイスお願いします。
- ベストアンサー
- HTML
- select option value が IE だけで動かない
select の option 項目を追加する javascript を組んでいるのですが IE だけ項目追加ができません。Windows の Firefox2、Safari は期待 通りに項目が追加できました。 option.value を指定しないと IE でも追加できます。IE 専用に特別な 別プログラムが必要なのでしょうか。ご存知の方よろしくお願いします。 var selectBox = document.getElementById("select1"); var option = document.createElement('option'); option.setAttribute('value','my_value'); option.appendChild(document.createTextNode('my_text')); selectBox.appendChild(option); ３行目をコメントアウトすれば IE でも select にデータが追加され ますが、肝心の value がないのでプログラム的にダメなんです。
- ベストアンサー
- JavaScript
- selectのoptionを条件によって変更する方
セレクトボックスの表示位置が画面の真ん中より上ならば、uekaraの中身をselectのoptionに追加。 真ん中より下ならば、sitakaraの中身をselectのoptionに追加というコードを作りたく、下記のように途中まで書きました。 もしよろしければ、続きを教えていただけると嬉しいです。 ============================================================ <form name="form"> <select name="select_sort" onmouseover=“hantei( )”> <option value="">場所によって中身が変わるよ</option> </select> </form> <script type="text/javascript" language="JavaScript"> <!-- var uekara = new Array(“上から”,”上1”,”上２”,”上３”); var sitakara = new Array("下から”,”下1”,”下2”,”下3”); function hantei ( ) if（セレクトボックスの表示位置が半分より上ならば ） createSelection( form.elements['select_sort'], "(場所によって名前が変わるよ)", uekara, uekara); 違うならば createSelection( form.elements['select_sort'], "(場所によって名前が変わるよ)", sitakara, sitakara); </select>
- 締切済み
- JavaScript
- セレクトメニューの値の取得
質問します。 下記のようなセレクトメニューがあった場合に、表示されている値(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>
- ベストアンサー
- JavaScript
- セレクトボックスの値で分岐処理をしたい
こんにちは。スクリプト初心者です。 現在セレクトボックスの、インデックス値を取得し、 それによっての分岐処理をしたいと考えています。 <html><head></head> <body> <form> <select name="1"> <option>選択できます。 <option>選択肢1 <option>選択肢2 </select> </form> </body></html> とあり、これに、 option「選択１」なら、PG1プロシージャを呼ぶ 同様 「選択2」なら、PG2プロシージャを呼ぶ としたい時、どのようにコーディングすれば よいのでしょうか。 サイトで調べたものの、 JavaScriptでの インデックス値の取得がわかりません。 宜しくお願いいたします。
- 締切済み
- JavaScript
- [JavaScript+<select>]最初から５文字一致でセレクト状態にしたい。
こんばんは。 ＨＴＭＬとＪａｖａＳｃｒｉｐｔで簡単な動的ページを作成しています。 そこで、行き詰っていることがありますのでご相談を・・・。 こういう<SELECT>があるとします・・・。 <FORM name="myform"> <SELECT name="menu"> <OPTION value="item1001">メニュー１</OPTION> <OPTION value="item2001">メニュー２</OPTION> </SELECT> </FORM> 初期値を「メニュー２」にしたい場合・・・これをJavaScriptで指定する場合、ONLOADのタイミングで・・・ document.myform.menu.value = "item2001"; とすればいけます。 今回は・・・"item2"だけの情報でヒットさせたいと思っています。 つまり、optionのvalue値の頭から５桁だけのマッチングでセレクト状態にさせたいのです。 ループという形をとらずにセレクトさせる方法を探しています。 テクニックをご教授下さい・・・。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- <SELECT>への読込
セレクトボックスを選択してＤＢに保存したデータを、 再びセレクトボックスに読み込む方法を考えています。 (案1).optionタグの中に、データが一致したらselectedを付加するIF文を作る。 <select name="ramen"> <option value="1" <% If vbtmp="1" Then %>selected<% End If %> >醤油</option> <option value="2" <% If vbtmp="2" Then %>selected<% End If %> >味噌</option> <option value="3" <% If vbtmp="3" Then %>selected<% End If %> >塩</option> </select> (案2).bodyタグのonLoad(JavaScript)を経由する。 <script language="JavaScript"> function Yomikomi() { document.fm.ramen.value = "<%=vbtmp%>"; } </script> 上記の案がありますが、実際に扱うセレクトボックスの量が多い為、出来る限りシンプルな作りを目指しております。 もっと良い方法がありましたらご教授願います。
- 締切済み
- Microsoft ASP
補足
何かオブジェクトが取得できましたがselectのオブジェクのnameかidを取得できるオブジェクトを取得したいです。 op=se.options; alert(op.parentNode.name); alert(op.parentNode.id); if(se==op.parentNode)alert("se"); if(op==op.parentNode.options)alert("op");