- ベストアンサー
[Javascript]プルダウンにてselectedIndex以外の方法で・・・
こんばんわ。 プルダウンでselectedIndexでデフォルトの選択項目を変更することは簡単ですが、 <OPTION value='aaa'>aaa</OPTION> value値でおなじことは出来ませんか？ selectedValue とかなんか・・・。 あればいいんだけどなぁ～。 お願いします。
- zenon55
- お礼率15% (59/381)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- JavaScriptのプルダウン
プルダウンメニューの中から選択したページへジャンプするようにしたいのですがわからないところがあるので教えてください。 TOPページはframesetでmenu、TOP2の上下に分かれています。プルダウンメニューはmenuのページに置き、選択したページを表示するのは下のTOP2の部分に表示させたいんです。 下記のように記述したのですがこのままだとジャンプしたページはmenuに表示されてしまいます。 －－－－－－－－－－－－－－－－－－－－ <script Language="JavaScript"> <!-- function popJump(selOBJ) { n = selOBJ.selectedIndex; location.href = selOBJ.options[n].value; } // --> </script> </head> <body> <form> <select onChange="popJump(this)"> <option value="#">選択して下さい <option value="top2.htm">トップページ <option value="A.htm">A <option value="B.htm">B </select> </form> －－－－－－－－－－－－－－－－－－－－ <option value="A.htm">のところでTOP2へジャンプするように指定するのだと思うのですが その方法がいろいろ調べてみたのですがわかりません。 わかる方、アドバイスをお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニュー
質問があります。 プルダウンメニューでページを選択された項目を 次のページに受け渡したあと、修正するために もう一度フォームに戻ったら選択されていた項目が保持されておらず、 再度選択する必要が出てきてしまいます。 これでは使い勝手があまりよくないと思い、一度選択された項目が破棄されることなくページが切り替わりっても選択されているままの状態に出来ることは可能なのでしょうか。 aaa.php <td>都道府県</td> <td><select name="prefecture"> <option>▼地域をお選び下さい▼</option> <option value="東京都">東京都</option> <option value="埼玉県">埼玉県</option> <option value="千葉県">千葉県</option> <option value="神奈川県">神奈川県</option> </select></td> bbb.php // echo $prefecture; 再度aaa.phpに戻る際に情報を保持したまま 修正。 教えて頂けませんでしょうか。
- 締切済み
- PHP
- selectタグの項目を制御する
フォーム内のプルダウンの項目を制御する方法がわからなくて困っています。 form1というフォーム内にプルダウンが3つあります。 <select name="select_1"> <option value="AAA">AAA</option> <option value="BBB">BBB</option> <option value="CCC">CCC</option> </select><br/> <select name="select_2"> <option value="AAA_1">AAA_1</option> <option value="AAA_2">AAA_2</option> <option value="BBB_1">BBB_1</option> <option value="CCC_1">CCC_1</option> </select><br/> <select name="select_3"> <option value="AC">AC</option> <option value="AB">AB</option> <option value="B_1">B_1</option> <option value="B_2">B_2</option> <option value="B_3">B_3</option> </select><br/> ●まず、select_1がAAAなら、select_2でAAA_1とAAA_2のみ選択できるようし、select_2で、AAA_1が選択されたらselect_3にACをAAA_2が選択されたらABを表示。 ●select_1でBBBが選択されたら、select_2にBBB_1のみを表示し、変更不可にする。そして、select_3にABC,B_1,B_2,B_3を表示。 ●select_3でCCCが選択されたら、select_2にCCC_1のみを表示して変更不可にし、select_3にACのみを表示して変更不可にする。 こんな感じにしたいのですが、どうもうまく出来ません。 考えたのは、各selectタグにonchange=change_1(form1)として、関数を呼び出し、 no= form1.select_1.selectedIndex; noが0なら thisForm.select_2.length = 2; //オブジェクトを2にする thisForm.select_2.options[0].value = "AAA_1"; の様にしたのですが、はじめに表示したoptionを消したりする方法や変更不可にする方法ってあるんでしょうか？また、ほかの方法など、どなたかわかる方がいましたら、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- プルダウンのoptionの表示・非表示はできますか？
JavaScriptを使ってプルダウン操作をしております。 一つ目のプルダウンで選択したあと2つ目のプルダウンのoptionの部分だけ表示・非表示をしたいのです。そんなことはできるのでしょうか？ 下のソースで説明しますが、一つ目のリストで「あいうえお」を選択した時点で2つ目の選択リストの「ひらがな1」と「ひらがな2」だけを選択できるようにしたいのです。「カタカナ1」「カタカナ2」は非表示もしくは選択不可にできればいいのですが。 一つ目のプルダウンリスト <select name="formtype" onchange="form_indicate();"> <option value="AAA">あいうえお <option value="BBB">アイウエオ </select> 二つ目のプルダウンリスト <select name="formtype2"> <option value="aaa">ひらがな1 <option value="bbb">ひらがな2 <option value="ccc">カタカナ1 <option value="ddd">カタカナ2 </select>
- 締切済み
- JavaScript
- cgiへの送信とページリンクのできるプルダウンについて
初めて質問させて頂きます。 cgiへ送る選択項目と別のページへリンクする項目をひとつの プルダウンでまとめたいと思っています。プルダウンを使って 別のページリンクするタグは分かるのですが、cgiへvalue値を 送るタグが分かりません。 <select onchange="top.location.href=this.options[this.selectedIndex].value"> ※別のページへリンク<option value="a.html">Aのページへ</option> ※cgiのname="A"へ"value値"B"を送る項目<option value="ここがわかりません">Bで検索</option> </select> 質問が分かりにくく大変申し訳ありませんが、ご指導下さると 幸いです。よろしくお願い致します。
- ベストアンサー
- JavaScript
- ホームページでJavascriptを使ったプルダウンメニューによる画面切替え
ホームページでiframe内のページをプルダウンメニューを変更したいのですが、アンカーポイントでのプルダウンメニューのリンクではホームページを代える事は出来ないのですか？ プルダウンメニューを行うとJavascriptエラーが起きて画面がリンク先になりません。 ○Javascriptの文 <SCRIPT language=JavaScript type=text/JavaScript> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </SCRIPT> ○iframeの文 <iframe src="report.html" name=if width="440" height="500" frameborder="0">iframeを使用しております。<br></iframe> ○プルダウンメニューの文 <FORM name=form1> <SELECT onchange="MM_jumpMenu('parent.frames[\'if\']',this,0)" name=menu1> <option value="report.html\#0008" selected>第８回目</option> <option value="report.html\#0007">第７回目</option> <option value="report.html#0006">第６回目</option> <option value="report.html#0005">第５回目</option> <option value="report.html#0004">第４回目</option> <option value="report.html#0003">第３回目</option> <option value="report.html#0002">第２回目</option> <option value="report.html#0001">第１回目</option> </select> </form> どこが悪いのか教えてください。分かる方いらっしゃいますか？ 教えてください、お願いいたします。
- 締切済み
- JavaScript
- フレームを使ったプルダウンメニュー
フレームで「ヘッダー・左メニュー・右メインページ」というように３分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>～</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。 ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。 うまいやり方をご存じの方は、教えていただけますか。おねがいします。
- ベストアンサー
- JavaScript
- CGIでJavaScript
今自作の管理ページを作っているのですが、ある部分で詰まってしまってしまいました（＾＾； プルダウンメニューを付け加えるコードがありますよね？ <SELECT NAME=menu> <OPTION VALUE=$i>$name</OPTION> </SELECT> ↑これです プルダウンメニューから項目を選ぶ時、今どの項目が選択されているかをプログラム側で判断することはできないでしょうか？ 今のところVALUE値に0～Nの値を設定して、QUERY_STRINGから値を取り出し、そこから判定させているのですが、これだと一々メッセージとして飛ばしてやらないと判定できませんよね？（できれば更新しないで反映させたいのです） そこで、項目を選択した瞬間に今どの項目が選択されているのか（selectedIndexを使うのでしょうか？）をプログラム側に渡したいのです。（項目番号だけでいいので） JavaScriptの中で$aなど変数を設定してもどうもうまく代入してくれませんでした。 その時のコードは、 function change(){ $a = form.select.selectedIndex; } です。 それともう一つ、CGIの場合、リアルタイムに処理をすることはできるのでしょうか？ 掲示板など、投稿ボタンを押すとページが更新されて、メッセージが追加されます。 上記のプルダウンメニューを選択した瞬間にいろんな処理（JavaScriptではなくPerlで）をさせることは可能でしょうか？ かなりわかりにくい文章になってしまいましたが、 どなたか、わかる方レスお願いしますm(__)m
- ベストアンサー
- Perl
- プルダウン式BGMについて
私は現在、MIDIを聴いてもらうためにプルダウン式の MIDI選択にしています。しかし、音楽に2種類の カテゴリーがあり、2個設置したことろ相殺してしまって、 どちらも聴けなくなってしまいました。どうすればいいでしょうか？ ソースは以下のを2個記入してあるだけです。 <BGSOUND LOOP='-1' ID='uri' bolume='' SRC=''> <form> <SELECT onChange=if(this.options[this.selectedIndex].value!='--'){uri.src=this.options[this.selectedIndex].value}> <OPTION VALUE=''>音楽を止める ----以下繰り返し続くので省略---- </select> </form> と記入しています。
- ベストアンサー
- JavaScript
- プルダウンメニューで、選択項目をリンク先でも維持したい。
javascriptを使用したプルダウンメニューについて質問です。 <form name="form1"> <select name="select" onChange="location=select.options[select.selectedIndex].value"> <option value="a.html#01">Ａ01</option> <option value="a.html#02">Ａ02</option> <option value="a.html#03">Ａ03</option> <option>---------------</option> <option value="b.html#01">Ｂ01</option> <option value="b.html#02">Ｂ02</option> <option>---------------</option> </select> </form> ２つのページ（a.html、b.html）上部に上記のようなプルダウンメニューを置き、それぞれ相互に行き来できるようにしました。 一応正常に動くのですが、たとえばa.htmlのプルダウンで『Ｂ01』を選択してリンク先b.htmlに飛ぶと、プルダウンの選択項目が一番上の『Ａ01』に戻ってしまっています。 b.htmlに飛んだ後も『Ｂ01』選択の状態で残したいのですが。 どのようにすればよいのでしょうか・・・ よろしくお願い致します。
- ベストアンサー
- JavaScript
お礼
なんとまぁ！ .value で直接指定してやればいいのですね！ イロイロと実験しましたが抜けていました！！ 有難う御座いました！！