Показать сообщение отдельно
  #1 (permalink)  
Старый 12.09.2017, 21:14
Новичок на форуме
Отправить личное сообщение для Dimikius Посмотреть профиль Найти все сообщения от Dimikius
 
Регистрация: 05.02.2015
Сообщений: 5

Передать содержимое tr в value в form
Приветствую всех

Дано: Таблица с множеством строк. В каждой строке своя кнопка "записаться" по клику на которую открывается модальное окно с формой.

Задача: передать в форму, а именно в <input type="hidden" name="data_start" value=""> содержимое ячейки из той же строки, в которой нажата кнопка вызова окна.

Пример: нажимаем на кнопку #button_apply_1, получаем в форме value="12.09.2017"

Таблица:
<table>
<tr>
                  <td id="start_1">12.09.2017</td>
                    <button id="button_apply_1" class="schedule__apply">Записаться
                    </button>
                  </td>
                </tr>
<tr>
                  <td id="start_2">13.09.2017</td>
                  <td>
                    <button id="button_apply_2" class="schedule__apply">Записаться
                    </button>
                  </td>
                </tr> 
</table>

Форма:
<form class="overlay-form">
          <input type="hidden" name="data_start" value="">
          <input name="name" placeholder="Ф.И.О." required="true" type="text"/>
          <input name="tel" type="tel" placeholder="ТЕЛЕФОН" required="true"/>
          <button class="overlay-form__apply">Записаться</button>
        </form>


Таблица генерируется php и заначения ID постоянно меняются button_apply_1(2,3 и т.д.)

Вопрос: как это реализовать с помощью jQuery?
Заранее благодарен за направление или решение
Ответить с цитированием