创建将用户带到不同页面的表单
create form that will take user to different page
这听起来很简单,但我很难弄清楚。我对制作表格没有太多的知识,所以这也无济于事。以下是我希望发生的事情。
我想在表单上创建一个输入文本字段,来自公司的用户可以在其中输入公司名称。然后他们会点击提交。根据公司名称,将打开一个专为该公司设计的网页。
我只有大约5家公司和5个不同的网页,所以这不是真正的大。
我还需要一些东西,如果他们输入了错误的公司名称,它会让用户知道并选择退出表单或重试。
希望有人能帮我尽可能简单地做到这一点。
以下是入门的基本页面: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" />
希望这能让你走上正轨:)
这比我想象的要困难得多。这是我的东西,你觉得行吗?。
<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文件没有问题。我对此很满意。
相关文章:
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 如果用户没有更改,则表单值为空
- 谷歌表单-根据分配给谷歌应用程序的工作为商业用户预先填充多项选择列表
- 如何在用户提交表单之前访问text_field的内容
- HTML.如何检查用户是否在表单中输入了文本
- 阻止用户在Netsuite中使用标准/未自定义的表单
- 如何停止javascript的执行并允许用户保存表单
- 如何根据用户输入的数字动态地向表单添加文本字段
- 如何使用 HTML 中的表单框获取用户输入
- 流星 - 添加带有熨斗的路由后无法提交用户.路由器到登录和注册表单
- 纯javascript的进度图像加载程序仅当用户单击提交html表单时
- Jquery:如何处理"停止/取消”;用户停止表单提交时的事件
- 如何从HTML表单中获取用户输入并将其存储在现有的JavaScript数组中
- 临时存储用户表单数据的最佳方式,用于表单重新提交
- 使用php提交表单,并使用ajax向用户提供响应
- 用户提交表单时按钮发生更改
- 当处理请求发布ajax时,如何禁用该表单中的表单(用户无法检查、填写文本、选择下拉列表等)
- 在我的javascript函数中,我试图从表单用户输入到我创建的函数并输出答案的值
- 重定向表单用户提交时,基于无线电选择仅