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">

$（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 );

    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文件没有问题。我知道了。

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

2 个答案: