javascript - 使用 Javascript 和 jQuery 获取 HREF 元素内输入框的值

Question

我在 JSP 中有一个按钮，按下该按钮时，会向 servlet 发出 GET 请求。以下是链接，它工作正常，调用 servlet 并正确传递 id 参数。

<a id="sButton" href="javascript:perform('editShow(/auth/mkt/mgmt/save?id=1)');">
</a>

我需要向 GET 请求添加另一个参数。这将是用户在输入框中输入的值，其 ID 为 newPrefix。据我所知，以下 JQuery 将检索该值:

$('#newPrefix').val()

问题是，如何将上述内容合并到 HREF 中。

我尝试过以下方法

<a id="sButton" href="javascript:perform('editShow(/auth/mkt/mgmt/save?newPrefix=$('#newPrefix').val()&amp;id=1)');">
</a>

但这失败了。调用servlet方法，但参数传递不正确。

newPrefix 被接收为 $('

id 被接收为 null

获取 HREF 中输入框的值的正确方法是什么？

谢谢

Answer 1

带有 href=javascript: 的 anchor 执行 javascript 函数，在您的情况下，

perform('editShow(/auth/mkt/mgmt/save?id=1)');

这意味着您将使用 editShow(/auth/mkt/mgmt/save?id=1) 作为 String 调用 perform。

了解了这一点后，您所需要做的就是连接一个附加值。

'editShow(/auth/mkt/mgmt/save?id=1&newPrefix=' + $('#newPrefix').val() + ')'

最终代码:

<a id="sButton" href="javascript:perform('editShow(/auth/mkt/mgmt/save?id=1&amp;newPrefix=' + $('#newPrefix').val() + ')');">
</a>