使用 JavaScript 的动态链接

Question

这是我的问题。我有一个 JSP。我想用 Javascript 动态创建一个超链接。我想在 HTML 中添加来自 input 的文本，并使用它在我的 URL 中将其作为参数传递：

<form name="test">
<P>Enter search: <input type="text" name="searchName"><BR><BR>
<input type="Button" Value="" onclick="location.href='search.jsp?typeOfSearch=" + JavaScriptFunction( that returns the String from searchName ) ' " >
</P>
</FORM>

我似乎无法将 JS 函数添加到“onclick”字符串。我已经尝试使用锚点的 HREF，但我无法使其工作。而且我也尝试过像这样放置一个 JS 函数：

<a href="MyJSfunction( that returns the entire URL ) " >  hyperlink</a> 

而且它也不起作用。我已经尝试过一百万种不同的东西，但我仍然无法将动态参数从一个 JSP 传递到另一个。

任何帮助都会非常好！ ...

Answer 1

无需 JavaScript。只需设置您的表单方法和操作，使用提交按钮，然后重命名您的输入字段：

<form name="test" method="GET" action="search.jsp">
    <p>
        Enter search: <input type="text" name="typeOfSearch" /><br/><br/>
        <input type="Submit" Value="Go" />
    </p>
</form>

编辑： 但是，如果您只是好奇如何使用 JavaScript 来实现，那么表单元素都有一个 form 属性。可以通过名称从表单访问表单元素。因此，您可以使用this.form.searchName.value 以与您的按钮相同的形式获取searchName 字段的值：

<input type="Button" Value=""
    onclick="location.href='search.jsp?typeOfSearch=' + this.form.searchName.value;" />

编辑：您当前的代码遇到的问题可能是因为您的引号错误。将typeOfSearch=" 末尾的双引号改为单引号：typeOfSearch='。删除函数调用后的单引号：

<input type="Button" value=""
    onclick="location.href='search.jsp?typeOfSearch=' + JavaScriptFunction()" />

Answer 2

如果您不太关心安全性，一个简单的 HTML 表单应该可以工作。

<form action="Your URL Here">
    <input type="text" value="" name="search" />
    <input type="submit" value="search" />
</form>

http://jsfiddle.net/harveyramer/VfuT4/