выбор входных данных и текстовых областей с помощью функции 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) и разные идентификаторы. Мне нужно получить идентификатор формы (уже достигшей этого) и значения входов и текстовых полей внутри этой формы для отправки.

Я могу получить идентификатор формы с помощью функции 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>