- ベストアンサー
FORMで、セレクトメニューで選択してボタンを押すとリンク
ホームページの話です。 FORMで、セレクトメニューを作ります。 選択して、ボタンをクリックすることにより、 新しいウィンドウに、指定した大きさで リンクを開くようにするにはどのように したらいいのですか？ よろしくお願いします。
- sakurako_o
- お礼率6% (6/89)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞よろしくお願いします。 ('◇')ゞラジャ <HTML> <HEAD> <TITLE>ヘ(・、ヘ)ホイホイ(ノ、・)ノホイホイ</TITLE> <SCRIPT LANGUAGE=javascript> <!-- function select1_onchange() { window.open(select1.options(select1.selectedIndex).value,"newin","status=1,menubar=1,scrollbars=1,resizable=1,tookbar=1,location=1,width=300,height=300"); } //--> </SCRIPT> </HEAD> <BODY> <P> <SELECT id=select1 style="WIDTH: 163px; HEIGHT: 55px" size=2 name=select1 LANGUAGE=javascript onchange="return select1_onchange()"> <OPTION value="" selected>選択してね</OPTION> <OPTION value=http://www.yahoo.co.jp/>Yahoo</OPTION> <OPTION value=http://www.okweb.ne.jp/>okweb</OPTION> </SELECT></P> </BODY> </HTML> InternetExplorerでしか確認していません。
その他の回答 (1)
- shy00
- ベストアンサー率34% (2081/5977)
http://www.sky.sannet.ne.jp/masapine/java_link22.html プラスwidth、heightを指定すればOKです
関連するQ&A
- セレクトメニューセレクトメニューへのジャンプ
こんにちは。 セレクトメニューの選択項目に応じて、もう１つのセレクトメニューの内容を変更する方法は大体理解したのですが、 さらにもう一つ、＋もう一つ・・・とセレクトメニューの項目をリンクさせて変更することは可能でしょうか？ 例えば、 セレクトメニュー(1) 選択 ↓ ジャンプ セレクトメニュー(2) 選択 ↓ ジャンプ セレクトメニュー(3) 選択 ↓ ジャンプ セレクトメニュー(4) 選択 ↓ 検索用CGI実行 クリック というように選ばれた各項目ごとに次のセレクトメニューにジャンプして項目の変更を行いたいです。 参考サンプル等、 どなたか情報をお持ちの方がおりましたら、 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ボタンで選択されていないセレクトメニューの非反映
現在JavaScriptを使った、HP上での簡単な見積もりページを製作しています。 チェックボックスやラジオボタン、セレクトメニューで選ばれた項目を足して、最終的にテキストボックスに合計金額を出したいと思っています。 内容は全く違いますが、画像のような感じで項目などを作りたいと思っております。 その時に、ラジオボタンでチェックされていないセレクトメニューは選択（計算に反映）されないようにしたいのです。 （「プラスチック丸型編み込み」等が選択されている時は、「蓋付きのボックス」や「蓋付きバスケット」のセレクトメニューは選択されないようにしたいのです。） 自分の作ったものでは、「色を選択」の時点では０に設定してあるのですが、「蓋付きのボックス」のセレクトメニューが他のものを選択していた場合、それが反映されてしまうのです。 計算させるだけならできるのですが、選択されないようにする方法がわからなくて困っております。 拙い文章で申し訳ないのですが、どなたか教えてくださらないでしょうか？
- 締切済み
- JavaScript
- セレクトメニューのリンク
アイフレームを利用しているのですが セレクトメニューでリンクするタグがありますよね？ 普通だと、その同じ頁内にリンクされるのですが アイフレームを利用しているので他の頁にリンクさせた員です。 セレクトメニューのリンクで他のフレーム（頁）にリンクさせるには どうしたらいいですか？
- ベストアンサー
- HTML
- セレクトメニューの選択項目に応じて隣接ボタンのリンクURLを変更する
セレクトメニューの選択項目に応じて、隣接したボタンのリンクURLを変更したいのですが、どのようにすればよいのでしょうか？ 例えば、デフォルトで空リンクになっているボタンのURLが、セレクトメニュー内の選択項目の「ブルー」を選択すると、「http://www.aaa.co.jp/blue」になり、「レッド」を選択するとボタンのURLが「http://www.aaa.co.jp/red」に変更させたい場合。 ---------サンプルソース---------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> </head> <body> <table width="300" border="0" cellspacing="5" cellpadding="0"> <tr> <td><label> <select name="select"> <option>カラーを選択してください</option> <option>ブルー</option> <option>レッド</option> </select> </label> </td> </tr> <tr> <td><a href="#"><img src="../img/buttom.gif" width="180" height="30" border="0"></a></td> </tr> </table> </body> </html> ---------サンプルソース---------------------------------------------- 宜しくお願いいたします。
- ベストアンサー
- JavaScript
- セレクトメニュー選択でもう一つセレクトメニューを出す
「ブロック名」のセレクトメニューを選択すると、選択した項目によってもう一つ「部署名」のセレクトメニューが出て選択するようにしたいと思い、途中まで作成しました。 しかし、「ブロック名」を「Ａブロック」選択しても「部署名」が「Ｂトップ～」が出てしまいます。 何がおかしいのか分からないので、ぜひ教えてください。 よろしくお願いいたします。 menuItem = [ ["Ａトップ","A本部","B本部","C本部"], ["Ｂトップ","1本部","2本部","3本部"], ["Ｃトップ","あ本部","い本部","う本部"], ["Ｄトップ","●本部","▲本部","◆本部"] ]; function setMenuItem(n) { len = document.form2.BUSYO.options.length; for (i=0; i<len; i++) { document.form2.BUSYO.options[i] = null; } document.form2.BUSYO.style.visibility = "visible"; for (i=0; i<menuItem[n].length; i++) { document.form2.BUSYO.options[i] = new Option(menuItem[n][i],menuItem[n][i]); } ---------------------------------------------------------------- <SELECT size="1" name="Block" onChange="setMenuItem(this.selectedIndex)"> <OPTION selected value="0">選択してください</OPTION> <OPTION value="a-block">Aブロック</OPTION> <OPTION value="b-block">Bブロック</OPTION> <OPTION value="c-block">Cブロック</OPTION> <OPTION value="d-block">Dブロック</OPTION> </SELECT> <SELECT size="1" name="BUSYO" style="visibility:hidden"> <OPTION selected value="0">選択してください</OPTION> </SELECT>
- ベストアンサー
- JavaScript
- セレクトメニューで
セレクトメニューで フレームを使った、複数のセレクトメニューで 今の状態だと、上のセレクトメニューは問題ないのですが 下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけに なってしまいます。 要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript"> <!-- // 設定開始 var target = "right"; // 設定終了 function jump(){ var url = document.form1.select1.options[document.form1.select1.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </script> </head> <body> <TABLE border="0"> <TBODY> <TR> <TD><form action="#" name="form1"> <select name="select1" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD> </TR> <TR> <TD><form action="#" name="form2"> <select name="select2" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD>
- 締切済み
- JavaScript
- セレクトメニューについて
ＨＴＭＬでフォームを作っています。 セレクトメニュー（クリックするとメニューが出てきて一つ選ぶやつ）がいくらかあります。 前のセレクトメニューの選ばれたものによって、次のセレクトメニューの選択肢を変更するにはどうすればよいのでしょうか？ ｃｇｉの実行も可能です。 御願いします。
- ベストアンサー
- HTML
- セレクトメニューからもう一つのセレクトメニューを選択したか確認
「ブロック名」のセレクトメニューを選択すると、選択した項目によってもう一つ「部署名」のセレクトメニューが出て選択するようにしました。 送信前に「ブロック名」だけでなく、「部署名」も選択したかそうか確認したのですが、どうしでも出来ません。 いろいろ試しても出来なくて困っています。 ぜひ教えてください。 よろしくお願いいたします。 ---------------------------------------------------------------- menuItem =[[" "], ["(2) 部署を選択 ","あああ","いいい"], ["(2) 部署を選択 ","ううう","えええ"], ["(2) 部署を選択 ","おおお","かかか"], ["(2) 部署を選択 ","ききき","くくく"]]; function setMenuItem(n) { len = document.form2.BUSYO.options.length; for (i=0; i<len; i++) { document.form2.BUSYO.options[i] = null; } document.form2.BUSYO.style.visibility = "visible"; for (i=0; i<menuItem[n].length; i++) { document.form2.BUSYO.options[i] = new Option(menuItem[n][i],menuItem[n][i]); } ---------------------------------------------------- <SELECT size="1" name="AREA" onchange="setMenuItem(this.selectedIndex)" style="color : #3d3d3d;"> <OPTION value="0" selected>(1) ブロックを選択 </OPTION> <OPTION value="Ａブロック">Ａブロック</OPTION> <OPTION value="Ｂブロック">Ｂブロック</OPTION> <OPTION value="Ｃブロック">Ｃブロック</OPTION> <OPTION value="Ｄブロック">Ｄブロック</OPTION> </SELECT> <SELECT size="1" name="BUSYO" style="color : #3d3d3d;visibility : hidden;"> <OPTION selected value="0"></OPTION> </SELECT> ---------------------------------------------------------------- 確認用 if(document.form2.AREA.value=="0"){ alert("ブロックを選択してください"); return false; } return true; }
- 締切済み
- JavaScript
- ホームページのセレクトメニューについて
お世話になります。 HPでプルダウンメニューのセレクト画面を、 選択した瞬間に、ページが変わるようにしてみたいと 思っているのですが、どのようにすればよろしいのでしょうか。 普通にセレクト画面を選択して、フォームの送信 ボタン等をクリックすれば、ページの変化は出来るの ですけれども、この様な方法もやってみたいと思っています。 よろしくお願いいたします。
- ベストアンサー
- PHP
お礼
素早いご回答ありがとうございました。 早速試してみたいと思います。