Взять значение input и вставить его в код, возможно?
Всем привет! Сразу прошу прощения, если разместил тему не в том разделе :)
В общем появилась у меня задача такая - взять значение input и вставить его в html код в определенное место. Например: Есть input, который пользователь должен заполнить, а так же есть ссылка, например <a href='http://mysite.ru/crew.php?text=nekiy_tekst'></a> Возможно ли сделать так, чтобы в ссылке "nekiy_tekst" заменялся на тот текст, который пользователь ввел в input? |
IT-Doctor,
да |
Может быть вы могли бы подсказать как это сделать?
|
IT-Doctor,
html пишите Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
<div><form id='forma1'> <input type='text' name='phone'></input> </form> <a href='http://site1.ru/sms.php?text='><img src='images/img1.jpg'></a> </div> Нужно сделать так, чтобы человек вводил текст в input с именем phone и этот текст сразу подставился в href сразу после text= |
IT-Doctor,
класс можно ссылке добавить? |
Да, конечно
|
IT-Doctor,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var form = document.querySelector('#forma1'),
phone = form.querySelector("[name='phone']"),
a = document.querySelector('a.gid'),
href = a.getAttribute('href');
phone.addEventListener('input', function(event) {
event.preventDefault();
a.setAttribute('href',href+encodeURIComponent(this.value))
});
});
</script>
</head>
<body>
<div>
<form id='forma1'>
<input type='text' name='phone'></input>
</form>
<a href='http://site1.ru/sms.php?text=' class="gid"><img src='images/img1.jpg'></a>
</div>
</body>
</html>
|
Спасибо огромнейшее, добрый человек! Что бы я без вас делал-то :D
|
Подскажите еще пожалуйста...
А как это сделать, если у меня несколько форм и по два поля в каждой из них? |
| Часовой пояс GMT +3, время: 07:35. |