-1

私は現在、一連のドロップダウンメニューを備えたhtmlでWebページを作成しています。Web サイトはこちら: http://tc.met.psu.edu/tcgengifs/index2.html

次のコードを使用してドロップダウンメニューを作成しています

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
       function getUrl() {
              var part12 = document.getElementById("firstChoice2").value;
              var part22 = document.getElementById("secondChoice2").value;
              var part32 = document.getElementById("thirdChoice2").value;
               return "http://tc.met.psu.edu/tcgengifs/CMC/"+part12+"/"+part22+part32;
}
      function gotoSelection() {
         var urlToGoTo = getUrl();
         alert(urlToGoTo);
        //location.href=urlToGoTo;

      function setupLink() {
      var urlToGoTo = getUrl();
      document.getElementById("gotoLink").href=UrlToGoTo;
          }
 </script>
</head>
 <body onload="setupLink();">
<div id=leftcol>
<select id =firstChoice2 onchange="setupLink();">
    <option value=2012072600>2012072600</option>
    <option value=2012072512>2012072512</option>
</select>
</div>
<body>
<div id=leftcencol>
<select id =secondChoice2 onchange="setupLink();">
<option value=rain>Rainfall</option>
<option value=slp>Sea Level Pressure</option>
<option value=850virt>850mb Virtual Temperature</option>
</select>
</div>
<div id=rightcencol>
 <select id =thirdChoice2 onchange="setupLink();">
     <option value=.anim.html>Animation</option>
     <option value=0.png>000hr</option>
     <option value=1.png>006hr</option>
     <option value=2.png>012hr</option>
</select>
</div>
<div id=rightcol>
<a id="gotoLink" href="">Submit</a>

私の問題は、このコード (変更を加えて) を複数回使用する必要があることですが、それを行うと、3 つのドロップダウン メニューの各シリーズの [送信] ボタンをクリックすると、コードの最後の部分が移動するように設計されているサイトに移動します。 . 3 つのドロップダウンの最初のシリーズが他のシリーズの影響を受けないように、コードを分離するにはどうすればよいですか?

4

1 に答える 1

0

2番目の関数gotoSelection（）には閉じ中括弧がありませんが、それが問題の原因ではありません。

URLをアンカーに戻す方法は正しくありません。

document.getElementById("gotoLink").setAttribute("href",urlToGoTo);

setupLink（）関数で、行を置き換えます。

document.getElementById("gotoLink").href=UrlToGoTo;
于 2012-07-28T06:50:44.870 に答える