Получение значения поля ввода в элементе HREF с использованием Javascript и jQuery

Question

У меня есть кнопка в JSP, которая при нажатии отправляет запрос GET сервлету. Ниже приведена ссылка, и она отлично работает, вызывая сервлет и правильно передавая параметр id.

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

Мне нужно добавить еще один параметр в запрос GET. Это будет значение, введенное пользователем в поле ввода с идентификатором newPrefix. Я понимаю, что следующее JQuery будет извлекать значение:

$('#newPrefix').val()

Вопрос в том, как включить вышеуказанное в HREF.

Я пробовал следующее

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

Но это не удалось. Метод сервлета вызывается, но параметры передаются неправильно.

newPrefix принимается как $('

id принимается как null

Как правильно получить значение поля ввода в HREF?

Спасибо

Answer 1

Якорь с href=javascript: выполняет функцию javascript, в вашем случае

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

Это означает, что вы будете вызывать perform с editShow(/auth/mkt/mgmt/save?id=1) как String .

После того, как мы поняли это, все, что вам нужно сделать, - это добавить дополнительное значение.

'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>