Взятие значения поля input
Всем привет.
Подскажите, пожалуйста. У меня есть 2 формы на одной странице, которые имеют следующий вид: Форма 1: <div class="callback-form ....."> ............... ............... ............... <div ......> <div class="input-group"> <input type="text" class="form-control callback-name" placeholder="Имя..."> </div> <div class="input-group"> <input type="text" class="form-control callback-phone" placeholder="Телефон..."> </div> </div> <div ......> <button type="button" class="btn callback-button" onclick="callBack()">Отправить</button> </div> </div> Форма 2: <div class="callback-form"> <div class="input-group"> <input type="text" class="form-control callback-name pull-left" placeholder="Имя..."> <input type="text" class="form-control callback-phone pull-left" placeholder="Телефон..."> </div> <button type="button" class="btn callback-button" onclick="callBack()">Отправить</button> </div> JS: function callBack() { var callbackName = $(this).parents('.callback-form').find('.callback-name'); var callbackPhone = $(this).parents('.callback-form').find('.callback-phone'); var name = $.trim(callbackName.val()); var phone = $.trim(callbackPhone.val()); } Собственно вопрос: почему при нажатии на кнопки переменные name и phone все равно остаются пустые?? Что я делаю не так? |
Adigezalov,
Цитата:
|
Цитата:
|
Adigezalov,
либо передайте в функцию обьект события и достаньте из него элемент по которому был клик. либо назначьте клик с помощью js или jquery |
Adigezalov,
или так onclick="callBack(event)" и так function callBack(event) { var callbackName = $(event.target).parents('.callback-form').find('.callback-name'); var callbackPhone = $(event.target).parents('.callback-form').find('.callback-phone'); var name = $.trim(callbackName.val()); var phone = $.trim(callbackPhone.val()); } или так и так $(function() { $(".callback-button").click(callBack) }); |
Часовой пояс GMT +3, время: 13:02. |