WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リストボックスの選択で、ページ内リンクはできますか?

0:[投稿] オゼキ [MAIL] [2004/03/02 19:49 ][環境:IE6 html java]

リストボックスで選択したものをページ内の指定した場所に飛ばす方法があるのでしょうか?
いろいろと調べて見たのですが分かりませんので教えてください。

以下の方法でしてみたのですがうまくいきません。

<SCRIPT language="JavaScript">
var URL="index_all.html";
function SELECT(PG){URL=PG;}
function CHG_PAGE(){location.href=URL;}
</SCRIPT>

<FORM name="form">
<SELECT size="1" name="PAGE" onchange="SELECT(this.value)">
<OPTION value="#tetudou" selected>鉄道</OPTION>
<OPTION value="#mokei">模型</OPTION>
<OPTION value="#unchin">運賃</OPTION>
<OPTION value="#jikoku">時刻表</OPTION>
</SELECT>&nbsp;<INPUT type="button" value="GO"
onclick="CHG_PAGE()">
&nbsp;左のリストボックスから行きたい場所を<BR>
選択して、GOボタンを押して下さい。</FORM>

どうかよろしくお願いします。


1:[回答] ごだっち [MAIL] [2004/03/02 20:22 ]

動かない原因は、function SELECTに値が正しく渡っていないせいだと思う。

呼び出し元の引数は、onchange="SELECT(this.options[this.selectedIndex].value);" とすると、意図した通りの動きになると思うよ。

※蛇足だけど、要素名と同じ名前で関数を定義するのは避けておいたほうが良いと思うよ。


2:[回答] … [2004/03/02 21:21 ]

>>0
JavaScript が無効な環境でもアクセスできるようにしてくださいね。
「リストボックスで選択」する必要があるのかも熟慮してくださいね。

<noscript>
<p>
<a href="#tetudou">鉄道</a> |
<a href="#mokei">模型</a> |
<a href="#unchin">運賃</a> |
<a href="#jikoku">時刻表</a>
</p>
</noscript>


3:[回答] Yachimata [2004/03/03 08:06 ]

><SELECT size="1" name="PAGE" onchange="SELECT(this.value)">

SELECT  は予約語です。
動作するにしても、関数名に使用するには相応しくありません。


4:[回答] オゼキ [2004/03/03 13:29 ]

どうもありがとうございます。
間違ったやりかただったのがわかりました。
ごだっちさん・…さん・Yachimataさんありがとうございます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World