Q&A
> 02.htmlに飛んでしまいました
何が問題なのでしょうか？
プルダウンメニューでページ内遷移かつページ内リンクする方法について
タイトルの通り、プルダウンメニューでページ内遷移かつページ内リンクする方法について調べています。
現在location.href=value;を用いてページ遷移するやり方を知ったのですが、これにあわせてページ内リンクを加えることは可能でしょうか？
html
1<select name="test" onChange="location.href=value;"> 2 <option value="#">----</option> 3 <option value="01.html" selected>01</option> 4 <option value="02.html">02</option> 5 <option value="03.html">03</option> 6</select>
参考サイト
プルダウンメニューの初期値
試しに<option value="02.html#page1">02</option>などとしてページ内リンクを設置してみたのですが、02.htmlに飛んでしまいました。
何かよいやり方ありましたら教えていただけると助かります。
よろしくお願いします。
回答1件
0
02.htmlとページ内#page1の両方に飛ぶことはできません
どちらかをブランクで開いて飛ばすのでしょうか？
投稿2019/05/13 07:39
総合スコア114784
回答ありがとうございます。
なるほです。。
ブランクではなく現状01.htmlのものを02.html#page1へとリンクさせたかったです。
２ページに分かれるのではなく単に
01.htmlから02.html#page1へ飛ぶなら
<option value="02.html#page1">02</option>
で行けると思いますが？なにか違いますか？？
<select name="test" onChange="location.href=this.value;">
<option value="#">----</option>
<option value="01.html" selected>01</option>
<option value="02.html#page1">02</option>
<option value="03.html">03</option>
</select>
自分も下記でいけると思ったのですが、実際にリンク先クリックしてみると02.html#page01へ飛ばず、02.htmlへ飛んでしまいました。
<option value="02.html#page1">02</option>
省略していますが、phpファイルのカレンダーページで試しているものでした。
.phpファイルだとうまくvalue内に書いても認識されないとかあるのでしょうか。。
あなたの回答
tips
プレビュー
