Выбор входов и текстовых полей с использованием функции jquery .submit

Question

У меня есть несколько форм, которые одинаковы на одной странице. Я хочу иметь возможность редактировать и отправлять каждую форму отдельно (я буду использовать функцию $ .ajax).

jQuery по-прежнему очень запутан для меня, поскольку у меня нет прежних знаний javascript. Я успешно использовал его для создания многих форм и упрощения использования моего веб-сайта, но я столкнулся с стеной с текущим сценарием, который я создаю.

Вот то, что я до сих пор:

<script> 
$(document).ready(function(){ 

    $(".savenpcf").submit(function(form) { 
     var npcid = $(this).closest('form').attr('id'); 
     var name = ; 
     alert(npcid +" "+ name); 
     return false; 
    }); 

}); 
</script> 

Каждая форма имеет тот же класс (savenpcf) и другой идентификатор. Мне нужно получить идентификатор формы (уже достигнутый) и значения входных данных и textarea внутри этой формы для представления.

Я могу получить идентификатор формы с помощью функции closest(), но я попробовал несколько способов получить значения входов и текстовых полей, ничего не работая. имя всегда отображается как неопределенное в предупреждении. Какой был бы лучший способ для меня получить около 6 входов и 2 текстовых поля из формы?

Answer 1

Не уверен, что я правильно прочитал ваш вопрос. Вы пытаетесь получить 2 текстовых поля и текстовую область ввода в форме?

Попробуйте это:

<script> 
$(document).ready(function(){ 

    $(".savenpcf").submit(function(form) { 
     var $myForm = $(this).closest('form'); 
     var npcid = $myForm.attr('id'); 
     var textbox1 = $('input:eq(0)', $myForm).val(); 
     var textbox2 = $('input:eq(1)', $myForm).val(); 
     var textArea = $('textarea', $myForm).val(); 
     alert(npcid +" "+ textbox1 +" "+ textbox2 +" "+ textArea); 
     return false; 
    }); 

}); 
</script>