forms - 页面上有多个表单 - 使用 jQuery 仅在第一个表单中识别文本区域值

Question

我有一个循环，可以在页面上创建少量表单。这是 PHP 中循环创建的样子。此代码位于循环内:

echo '<form class="add_suggested_solution_comment"  method="post">';
echo '<p><textarea class="suggested_solution_comment" cols=65 rows=6 ></textarea></p>';
echo '<input type="hidden" class="problem_id" value="'.$problem_id.'" />';                                                  echo '<input type="hidden" class="suggestion_id" value="'.$suggestion_id.'" />';   
echo '<input type="hidden" class="solution_section_id" value="'.$solution_section_id.'" />'; 
echo '<p><input type="submit" class="button" value="Add Comment"></input></p>';             
echo '</form>';

然后我有 jQuery 代码来获取表单字段的值，如下所示:

$('.add_suggested_solution_comment').live('submit',function()
{   
    var problem_id = $('.problem_id').val();
    var comment = $(".suggested_solution_comment").val();   
    var solution_id = $('.suggestion_id').val();    
    var solution_section_id = $('.solution_section_id').val();      
        ...

问题是，如果将文本输入到第一个文本区域，它会被获取注释的行识别: var comment = $(".suggested_solution_comment").val();

但是，如果输入任何其他文本区域字段，则该行无法识别它们的值。

知道我做错了什么吗？

谢谢!!

Answer 1

使用 jQuery 的上下文参数，如下所示:

$('.add_suggested_solution_comment').live('submit',function()
{   
    var $this = $(this);
    var problem_id = $('.problem_id', $this).val();
    var comment = $(".suggested_solution_comment", $this).val();   
    var solution_id = $('.suggestion_id', $this).val();    
    var solution_section_id = $('.solution_section_id', $this).val();      
    ...

这只会选择当前提交表单中的元素。