javascript - 如何创建具有多个选项的输入表单？

Question

我正在尝试设置一个表单，允许您输入密码以授予对特定 URL 的访问权限。

例如，输入“facebook”，它会将您带到 www.facebook.com 输入“yahoo”，它会将您发送至 www.yahoo.com 输入“google”，...你明白了。 如果输入除这些单词之外的任何内容，则会出现错误。

这是我到目前为止所拥有的:

    <script language="javascript">
<!--//
/*This Script allows people to enter by using a form that asks for a
UserID and Password*/
function pasuser(form) {
        if(form.id.value=="google") { location="http://www.google.com" } 
        else if(form.id.value=="facebook") { location="http://www.facebook.com" } 
        else if(form.id.value=="yahoo") { location="http://www.yahoo.com" } 

    else {alert("Invalid Password")}
                        }
//-->
</script>

<form name="login">
<input name="id" type="text">
<input type="button" value="Enter Class" onClick="pasuser(this.form)">
</form>

但是，这行不通!有人可以帮我设置一下吗!我真的希望有 3 个以上的选择。

谢谢!

Answer 1

我不知道在这个特定示例中什么不起作用(它起作用，在单击“提交”按钮，而不是按ENTER)。但如果您想要拥有 3 个以上的站点，您可以使其变得更简单:

<script>
// ...
sites = {
    "google": "http://www.google.com",
    "facebook": "http://www.facebook.com",
    "yahoo": "http://www.yahoo.com"
};
function pasuser(form) {
    if (sites[form.id.value]) {
        window.location = sites[form.id.value];
    } else {
        alert("Invalid Password")
    }
}
</script>