Заполнение pop-up формы при клике на ссылку.

[spz00r]

Есть тема на форуме " https://javascript.ru/forum/misc/842...na-ssylku.html "

Мне нужно заполнить поле обратной связи при клике на ссылку.

<input id="pole" type="text" name="name" />
<a href="#" onClick="document.getElementById('pole').value = 'zapolneno!'">ссылка</a>

Код отрабатывает хорошо но мне нужно что бы окно помимо заполнения ещё и открывалось после этого

Сама форма:

<!-- Форма обратной связи -->
            
            <form id="feedbackForm" action="/send.php" method="post">
              <div class="form-row">
                <div class="col-sm-6">
                  <!-- Имя пользователя -->
                  <div class="form-group">
                    <label for="name" class="control-label modal-text">Контактные данные:</label>
                    <input id="name" type="text" name="name" class="form-control" value="" placeholder="Имя" minlength="2" maxlength="30" required="required">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="col-sm-6">
                  <!-- телефон пользователя -->
                  <div class="form-group">
                    <label for="phone" class="control-label">_</label>
                    <input id="email" type="phone" name="email" required="required" class="form-control" value="" placeholder="+380">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
              <!-- Сообщение пользователя -->
              <div class="form-group">
                <label for="message" class="control-label modal-text">Что вас интересует?</label>
                <textarea id="message" name="message" class="form-control" rows="3" placeholder="" minlength="5" maxlength="1000" required="required"></textarea>
                <div class="invalid-feedback"></div>
              </div>
              
              <!-- Сообщение -->
              <div class="alert alert-danger form-error d-none modal-text">
                Произошли ошибки! Исправьте их и отправьте форму ещё раз.
              </div>
              <!-- Индикация загрузки данных формы на сервер -->
              <div class="progress mb-2 d-none">
                <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0">
                  <span class="sr-only">0%</span>
                </div>
              </div>
              <!-- Кнопка для отправки формы -->
              <button type="submit" class="btn btn-primary float-right" >Отправить сообщение</button>
            </form>
                    
            <!-- Сообщение об успешной отправки формы -->
            <div class="alert alert-success form-success mb-0 d-none modal-text">Форма успешно отправлена. Нажмите на <a class="form-success-link modal-text" href="#">ссылку</a>, чтобы отправить ещё одно сообщение.</div>
          </div>
        </div>
      </div>
    </div>

Помогите

[Роман Андреевич]

spz00r, на коленке:

let links = document.querySelectorAll('a');

[].forEach.call(links, (link) => {
	
	link.addEventListener('click', (e) => {

		let pole = document.getElementById('pole');
		let popup = document.getElementById('popup'); // id элемента окна

		pole.value = 'zapolneno!';

		if (popup.classList.contains('close')) {

			// открыли окно

			popup.innerHTML = pole.value; // или другое что-то
			popup.classList.remove('close');
			popup.classList.add('open');

		} else {

			// закрыли окно

			popup.innerHTML = '';
			popup.classList.remove('open');
			popup.classList.add('close');

		}

	});

});

стили и id сам меняй как хочешь, смысл выше