Форум

IT-Doctor · #1 (**permalink**) 05.06.2017, 15:15

Всем привет! Сразу прошу прощения, если разместил тему не в том разделе

В общем появилась у меня задача такая - взять значение input и вставить его в html код в определенное место.
Например:
Есть input, который пользователь должен заполнить, а так же есть ссылка, например <a href='http://mysite.ru/crew.php?text=nekiy_tekst'></a>
Возможно ли сделать так, чтобы в ссылке "nekiy_tekst" заменялся на тот текст, который пользователь ввел в input?

рони · #2 (**permalink**) 05.06.2017, 15:29

IT-Doctor,
да

IT-Doctor · #3 (**permalink**) 05.06.2017, 15:30

Может быть вы могли бы подсказать как это сделать?

рони · #4 (**permalink**) 05.06.2017, 15:36

IT-Doctor,
html пишите
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

IT-Doctor · #5 (**permalink**) 05.06.2017, 15:42

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

рони · #6 (**permalink**) 05.06.2017, 15:47

IT-Doctor,
класс можно ссылке добавить?

IT-Doctor · #7 (**permalink**) 05.06.2017, 15:47

Да, конечно

рони · #8 (**permalink**) 05.06.2017, 15:59

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>

IT-Doctor · #9 (**permalink**) 05.06.2017, 16:02

Спасибо огромнейшее, добрый человек! Что бы я без вас делал-то

IT-Doctor · #10 (**permalink**) 05.06.2017, 16:25

Подскажите еще пожалуйста...

А как это сделать, если у меня несколько форм и по два поля в каждой из них?

Форум

Справочник

Discord чат

Курсы javascript