Как получить текст из input и добавить его в ссылку?

Question

[samkoo]

Здравствуйте! Подскажите, пожалуйста, как можно получить данные из input и вставить их в середину ссылки?

Имеется такая форма:

<form name="idform">
    <input type="text" name="id" value="Введите id">
    <input type="button" value="Перейти" onclick="location.href='http://тут-ссылка (значение input) продолжение ссылки">
</form>

Буду Вам благодарен за помощь.

Answer 1

[Валерий Павлов]

Через jquery + ajax

let val = $('input[name="id"]').val();
$('input[name="link"]').attr('onclick', 'location.href='+val);

Как ты понял, к второму inputr добавь имя с значением link.

Answer 2

[Andrew]

Неужели кто то до сих пор использует jquery

<form name="idform">
	<input type="text" name="id" value="Введите id" id="text">
	<input type="button" value="Перейти" id="button">
</form>

document.getElementById('button').addEventListener('click', () => window.open(`hhttp://тут-ссылка${document.getElementById("text").value}продолжение ссылки`, 'windowName'));

Comments

[Валерий Павлов]

Смешно