使用jquery .submit函数选择输入和textareas

时间:2011-11-22 01:50:17

标签: jquery-selectors

我在一个页面上有多个完全相同的表单。我希望能够单独编辑和提交每个表单(我将使用$ .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)和不同的ID。我需要获取表单的id(已经实现了这个)以及输入和textarea的值在此表单中提交。

我能够使用nearest()函数获取表单的id,但我已经尝试了几种方法来获取输入和textareas的值,但没有任何工作。名称始终在警报中显示为未定义。对于我来说,从表格中获得6个输入和2个textareas的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

不确定我是否正确阅读了您的问题..您是否想在表单中获取2个文本框和textarea输入?

试试这个:

<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>