Постановка значение из поля input в ссылку(в реальном времени)

@straik16 · Регистрация: 04.07.2014

Author24 — интернет-сервис помощи студентам

Есть форма на ajax:

HTML5

<form action="" method="post">
<input style="width: 180px;" type='text' name='qiwia' value='' size="30" maxlength="30" />
<input class="subm" style="width: 180px; margin: 5px 0 0 0" type='submit' name='submit' value=' Пополнить баланс ' />
</form>

Необходимо добавить в эту форму поле, в которое вводится число допустим от 20.74 до 999.999 // данные не должны не где фиксироваться(хотя можно в .txt)
Далее, когда ввели в это поле число, появляется ниже формы ссылка формата: http://site.ru/form.action='а тут подставленное значение из формы'.

Помоги как это сделать, данные не где не должны писаться, просто подставка данных из формы.

@fanatikus · 03.10.2015, 14:42

HTML5

<script>
    $(document).ready(function(){
        $('#sum').change(function(){
            var sum = $(this).val();
            $('#link').html("<a href='http://site.ru/form.action="+sum+"'>link</a>");
         })
    })
</script>
 
<form action="" method="post">
    <input type="text" id="sum" name="sum">
    <input style="width: 180px;" type='text' name='qiwia' value='' size="30" maxlength="30" />
    <input class="subm" style="width: 180px; margin: 5px 0 0 0" type='submit' name='submit' value=' Пополнить баланс ' />
</form>
 
<div id="link"></div>

@straik16 · 03.10.2015, 14:59 **[ТС]**

fanatikus, чет после ввода в форму цифр, не появляется ссылка ниже.

@fanatikus · 03.10.2015, 15:12

событие change, срабатывает, когда произошли изменения в поле и был переход на другой элемент. тоесть, нужно ввести число и кликнуть на другом элементе.

@alexsamos33 · 03.10.2015, 19:36

straik16, Используйте тогда события oninput / onkey* / onpaste... Подробнее можно почитать здесь.

@straik16 2 / 2 / 1 Регистрация: 04.07.2014 Сообщений: 234
	03.10.2015, 14:59 [ТС]	3
	fanatikus, чет после ввода в форму цифр, не появляется ссылка ниже. 0

@fanatikus 1931 / 1522 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	03.10.2015, 15:12	4
	событие change, срабатывает, когда произошли изменения в поле и был переход на другой элемент. тоесть, нужно ввести число и кликнуть на другом элементе. 0

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	03.10.2015, 19:36	5
	straik16, Используйте тогда события oninput / onkey* / onpaste... Подробнее можно почитать здесь. 0