将文本输入添加到超链接

时间:2015-10-10 21:01:14

标签: javascript html

我试图完成一项功能,用户可以在输入框中输入一段文字,点击提交,然后将它们带到包含他们在网址中提交的文字的网页。

例如,如果用户输入了“苹果”这个词。在文字和点击的提交中,系统会将其转到http://example.com/link.aspx?username=apple&jump=1,或者如果他们输入“橙色”字样,则会将其转到http://example.com/link.aspx?username=orange&jump=1

我已经尝试了以下代码,但无济于事 - 它无法在提交时将用户发送到任何地方。

{{1}}

3 个答案:

答案 0 :(得分:0)

为什么你在尝试使用JQuery时可以更轻松地使用J

表格

<form action="form.php" method="get">
    <input type="text" name="n" />
    <input type="submit" />
</form>

PHP side - form.php

header("Location: http://yourdomain/page/".$_GET['n']);

答案 1 :(得分:0)

你的代码适合我。

你确定在脚本之前添加了jquery吗?

添加:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

答案 2 :(得分:0)

不要为此使用jQuery。使用get方法的简单表单可以正常工作。

<form name="sample" method="get">
      <input name="username" type="text" value=""/>
      <input name="submit" type="submit" value="submit"/>
</form>

这将在用户填写字段后自动提交表单,并以您要查找的格式单击“提交”按钮。