プルダウン連動とリンク
選択項目により連動するプルダウンを利用し、各々のページにリンクさせようと思っているのですが、上手くいきません。
一つ目のプルダウンで項目を選択⇒二つ目のプルダウンに項目が表示される⇒選択するとリンクする。
プルダウンはこちらのソースを利用しています。
http://d.hatena.ne.jp/Mars/20071109
連動リンクはこちらを参考にしました。
http://air.rulez.jp/shop/java/jt_pulldown.htm
現在のソースは下記のようになっています。
プルダウンの連動とリンク、それぞれ単体での動作確認は出来たのですが、組み合わせると上手くいきません。
最初のプルダウンで「YYY」を選択し、連動して次のプルダウンに表示される「yahooかgoogle」を選択したらURL先にリンクしたいのですが。
現在はプルダウンは連動はされるものの、2つめのプルダウンで項目を選択しても何も起こらない状態です。
-----------------------------------------------------------------
<script type="text/javascript" src="ConnectedSelect.js"></script>
<form>
<select id="SEL1">
<option value="XXX">XXX</option>
<option value="YYY">YYY</option>
</select>
<select id="SEL2" onChange="top.location.href=value">
<optgroup label="XXX">
<option value="x1">x1</option>
<option value="x2">x2</option>
</optgroup>
<optgroup label="YYY">
<option value="http://www.yahoo.co.jp/">yahoo</option>
<option value="https://www.google.co.jp/">google</option>
</optgroup>
</select>
</form>
<script type="text/javascript">
ConnectedSelect(['SEL1','SEL2','SEL3']);
</script>
---------------------------------------------------------------
これはどのように修正すればリンクされるようになるでしょうか？
また別の方法があればそちらでも構いません。
ご存知の方いらっしゃいましたらご教示ください。
よろしくお願いします。
