javascript - 使用 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”字符串中。我尝试过使用 anchor 的 HREF，但无法使其工作。我也尝试过像这样放置一个 JS 函数:

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

而且它也不起作用。我已经尝试了一百万种不同的方法，但仍然无法将动态参数从一个 JSP 传递到另一个 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()" />