javascript - 创建将用户带到不同页面的表单

Question

这听起来很简单，但我很难弄清楚。我在制作表格方面没有太多知识，所以这也无济于事。以下是我想要发生的事情。

我想在公司用户输入公司名称的表单上创建一个输入文本字段。然后他们会点击提交。根据公司名称，将打开一个专为该公司设计的网页。

我只有大约 5 家公司和 5 个不同的网页，所以这并不是很大。

我还需要一些东西，如果他们输入错误的公司名称，它会让用户知道并选择退出表单或重试。

希望有人可以帮助我尽可能简单地做到这一点。

Answer 1

这是一个帮助您入门的基本页面：http: //jsfiddle.net/uaAXz/1/

您将需要添加更多逻辑来确定您要重定向到的 webapge 并查看它是否是有效的公司。生病留给你。

$(document).ready(function() {

    $("#goButton").click(function() {

        var companyName = $("#companyName").val();

        // do stuff with the company name (see if it valid)

        alert("GO TO THE WEB PAGE FOR:" +  companyName );

        // go somewhere based off of the name
        //document.location = "http:\\www.google.ca"
    });

});

（记得在脚本元素中扭曲它）

然后对于您的 html，您需要开始的只是：

<input type="textfield" id="companyName" />
<br/>
<input type="button" id="goButton" value="GO" />

希望这能让你上路:)

Answer 2

这比我想象的要难得多。这是我所拥有的，你认为它会起作用吗？

    <script type="text/javascript" language="javascript"> 

$(文档).ready(函数() {

$("#goButton").click(function() {

    var companyName = $("#companyName").val();

    // do stuff with the company name (see if it valid)

    alert("GO TO THE WEB PAGE FOR:" +  companyName );

    if (companyName = compa) 

//document.location = "www.compa.html"

    if (companyName = compb) 

//document.location = "www.compb.html"

    else 

//document.location = "www.comp.html"

    // go somewhere based off of the name
    //document.location = "http:\\www.google.ca"
});

});

我不确定您所说的“将其包装在脚本元素中”是什么意思。我在上面做了吗`。

我的 htlm 文件没有问题。我有那个失望。