[初心者です]javascriptで値ごとに飛ぶページを変えたい。

Question

・
・
・
<input type="button" name="link" value="送信！" onclick="jump()">

</form> <script type="text/javascript"> function jump(){ if (document.getElementById("tsukierabi").value =="a") location.href = "aaa.html"; } これを実行すると、値がaならaaa.htmlへ飛びます。 そこで、bならbbb.htmlへ。cならccc.htmlへ・・・という風にやりたいのですが、関数jumpをいっぱい並べればできることはわかったのですが、そうするとすごく長くなってしまいます。初心者なもので、javascriptがごっちゃになっててまだよくわかってません。どうすればよいでしょうか。。。

Answer 1

一関数のみであれば下記でどうでしょうか。

function jump(){ 
  var tsukierabi = document.getElementById("tsukierabi").value;
  switch (tsukierabi) {
  case "a":
    location.href = "aaa.html"; 
    break;
  case "b":
    location.href = "aaa.html"; 
    break;
  case "c":
    location.href = "aaa.html"; 
    break;
  }
}

Comments

[myguitar_SG]

できました！ありがとうございます。