忙しい現代人の腰&肩のお悩み対策!

教えてください☆

プルダウンメニューでページ内に
ジャンプすることは出来ますか?

ページ内に普通にリンクする時は、
<a href="#○○">リンク</a>
っていう風にするから、

プルダウンでも
<OPTION VALUE="#○○">
↑こんな風に指定したんですけど、
アップロードして試してみたら
エラーになってしまいました。

プルダウンメニューでのリンクの
<OPTION VALUE="★"> の★には、
「○○.html」みたいなのしか
指定できないの??

A 回答 (3件)

補足回答です。



たぶん、これが一番早い解決策かと・・・
~~.html等でうまくいくのであれば、
現在のページをfile.htmlとして、#をnextとし、
valueの値を「file.html#next」のようにしてはいかがでしょう。


ピントハズレな回答してしまいましたが、これで解決するような気がします。
    • good
    • 0
この回答へのお礼

わ~~~~~~☆☆ヾ(≧∇≦)〃

the845sさん、ありがとうございます!!
教えてくださった方法で成功しましたぁぁ♪
すっごくすっごく嬉しいです!!!

>> ピントハズレな回答してしまいましたが

私的には結果が同じになるなら何でも良いっす♪(ォィ

なんで、お礼のポイントは20ptしか無いのでしょうか。
1000ptくらい差し上げたい気持ちですー(笑)

ではでは。本当にありがとうございました。
この御恩は忘れるまで忘れません!!!(←当たり前。)

お礼日時:2002/06/27 00:37

プルダウンを使う場合は、CGIであるか又はJavaScriptでないとできないはずです。



以下のサイトのが参考になるかと。

っと、一応他のリンクでは成功しているのですね。
それが、#のだとエラーしたと・・・。

書きかえる際にどこか削ったりしてしまったのではないでしょうか。
もう一度そのhead中のJavaScriptを原本と見比べてみてください。

以下のサイトのも一つの例であり、同じことをやろうとすると方法は何通りかあります。
以下のサイトとあなたが使用しているものが同じではない場合がありますので、
最初に見つけた(現在使っている)ものと見比べてみてください。

参考URL:http://www02.u-page.so-net.ne.jp/dc4/morikawa/js …
    • good
    • 0
この回答へのお礼

すみません、何度もありがとうございます♪

>> 書きかえる際にどこか削ったり
>> してしまったのではないでしょうか。

…ということは、<OPTION VALUE="#○○">
っていうのが悪いわけではない、ってことですよね??

なら、良かったです♪
違うところがないか、もう1度よーーーく見てみます。

P.S:参考URLのページが何故か見れません。

お礼日時:2002/06/27 00:12

どういうエラーになったのでしょう。


通常、プルダウンメニューは、フォームの情報を選択する際に使用します。
もちろんvalueの値はなにが入っても構わないのですが、
今回の場合は、プルダウンメニューでリンク移動ということなので、
JavaScriptを使ったものになります。
そちらのエラーでしょうか?
    • good
    • 0
この回答へのお礼

ありがとうございます!

>> どういうエラーになったのでしょう。

「ページ内でエラーが発生しました」っていう言葉
が、ページの下のところに出てきます。

やっぱりページ内にリンクを張る時は、
<HEAD> と </HEAD>の間に書いたやつ(JavaScript?)も、
書き換えなければダメなんでしょうか???

けど、どこのHPを見ても、プルダウンのだと
違うページにジャンプする時のタグしか載ってないです…

お礼日時:2002/06/26 23:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qプルダウンメニューからリンクを設定する方法を教えてください。

プルダウンメニューにリンクを設定する方法がわかりません。できればHTMLタグで教えてください。

Aベストアンサー

そのページにロードしたいのであれば、
<SELECT onChange="window.location.href=this.value; return false ;">
<OPTION>
<OPTION VALUE=http://www.goo.ne.jp/>goo
<OPTION VALUE=http://www.google.co.jp/>google
<OPTION VALUE=http://www.yahoo.co.jp/>yahoo
</SELECT>

新しいページを開いてロードしたいのであれば、
<SELECT onChange="window.open(this.value,'_new'); return false ;">
<OPTION>
<OPTION VALUE=http://www.goo.ne.jp/>goo
<OPTION VALUE=http://www.google.co.jp/>google
<OPTION VALUE=http://www.yahoo.co.jp/>yahoo
</SELECT>

そのページにロードしたいのであれば、
<SELECT onChange="window.location.href=this.value; return false ;">
<OPTION>
<OPTION VALUE=http://www.goo.ne.jp/>goo
<OPTION VALUE=http://www.google.co.jp/>google
<OPTION VALUE=http://www.yahoo.co.jp/>yahoo
</SELECT>

新しいページを開いてロードしたいのであれば、
<SELECT onChange="window.open(this.value,'_new'); return false ;">
<OPTION>
<OPTION VALUE=http://www.goo.ne.jp/>goo
<OPTION VALUE=http://www.google.co.jp/>google
<O...続きを読む

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

Q