使用 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:執行 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>