表单内输入按钮的数据值

时间:2014-02-18 00:52:13

标签: jquery for-loop

我有一个for循环,显示两个带输入按钮的表单,我将如何获得输入按钮的值?

   <link rel='stylesheet' href='CSS/nook.css' type='text/css' media='screen, projection' />
   <script type="text/javascript" src="JS/jquery-1.10.2.min.js"></script> 
   <script>
    $(document).ready(function() 
    {
    $(".post_comment").submit(function(e) 
      {
       e.preventDefault(); 
       var s = $(".comment").data('i');
       alert(s);
    });
   })
   </script>

   <?php

       for($i=0;$i<2;$i++){
         echo "<form class='post_comment'>";
         echo "<div><input type='submit'  class='commment'  data-i = '$i' value='$i'/></div>";
         echo "</form>";
        }
   ?>

1 个答案:

答案 0 :(得分:0)

您需要找到提交表单中的输入元素

$(document).ready(function () {
    $(".post_comment").submit(function (e) {
        e.preventDefault();
        var s = $(this).find(".comment").data('i');
        alert(s);
        var value = $(this).find(".comment").val();
        alert(value);
    });
})

您的标记中也存在拼写错误,class='commment'应为class='comment' - 您的班级名称中有3 m

演示:Fiddle

注意:使用控制台日志记录进行调试而不是alert()