Javascript 如何获取html表单的输入标记id？ 函数submitform（）{ var comment=$（“#comment”）.val（）； var alertid=$（“#alertid”）.val（）； 警惕（评论）； $.ajax({ 类型：“POST”， url:“analysis.php”， 数据：{cmt:comment，alert_id:alertid} }); //返回false； }

如何获取javascript函数的

textarea

标记和

input

标记id？

---

这两个标记都显示在while循环中，因此我希望每个

textarea

和

input

标记具有不同的id。

因此，首先设置不同的id，然后获取它

<?php
        $i = 1;
        $query1 = mysql_query("SELECT * FROM `alert_history` ORDER BY `alert_history`.`id` DESC LIMIT ".$start.",".$per_page."");
        while($result = mysql_fetch_array($query1)){
            echo '<td colspan = "2"><form method = "POST" onsubmit = "submitform()" ><textarea onFocus = "myFunction(1)" onBlur = "myFunction(0)" id = "comment'.$i.'" name = "comment"></textarea> <br />';
            echo '<input type = "text" id = "alertid'.$i.'" name = "alertid" value = "'.$result['id'].'">';
            echo '<input  type = "submit" name = "submit" value = "Comment" ></form></td>';
            $i++;
        }
?>


<script>
    function submitform(){
            var comment = $("#comment").val();
        var alertid = $("#alertid").val();
        alert(comment);
        $.ajax({
        type: "POST",
            url: "analytic.php",
            data:{cmt:comment,alert_id:alertid}
        });
            //return false;
      }
</script>

更新

$i对于组合在一起的每一组文本区域和输入是恒定的

如果您想获取每一组textarea和input，您应该将ID分配给，而不是为每个textarea和input元素分配ID

var textAreaId = $('textarea').prop('id);
var inputId = $('input').prop('id);

函数submitform（）{
var comment=$（this.closest（'td'）.find（'textarea'）.val（）；
var alertid=$（this.parent（）.prop（'id'）；
警惕（评论）；
$.ajax({
类型：“POST”，
url:“analysis.php”，
数据：{cmt:comment，alert_id:alertid}
});
//返回false；
}

如果您当时在文本框中生成动态id，如果您当时在文本框中更改了某些内容，请将其id存储在局部变量中，并在代码中使用它

<?php
        $i = 1;
        $query1 = mysql_query("SELECT * FROM `alert_history` ORDER BY `alert_history`.`id` DESC LIMIT ".$start.",".$per_page."");
        while($result = mysql_fetch_array($query1)){
            echo '<td colspan ="2" id='.$i.'"><form method = "POST" onsubmit = "submitform()" ><textarea onFocus = "myFunction(1)" onBlur = "myFunction(0)" name = "comment"></textarea> <br />';
            echo '<input type = "text" name = "alertid" value = "'.$result['id'].'">';
            echo '<input  type = "submit" name = "submit" value = "Comment" ></form></td>';
            $i++;
        }
?>



<script>
    function submitform(){
            var comment = $(this).closest('td').find('textarea').val();
            var alertid = $(this).parent().prop('id');
        alert(comment);
        $.ajax({
        type: "POST",
            url: "analytic.php",
            data:{cmt:comment,alert_id:alertid}
        });
            //return false;
      }
</script>

”；
变量Id
$（document）.on（'change'，“input.textBox”，函数（）{
Id=$（this.attr（“Id”）；
警报（Id）
});

---

希望这段代码可以帮助您..

在jQuery中，选择标记并使用

。each（）

：

演示（客户端）。

试试这个：

（）

函数提交表单（表单）{
var comment=$（form.find（“textarea”）.val（）；
警惕（评论）；
var alertid=$（form.find（“输入[name=alertid]”）attr（“id”）；
警报（警报ID）；
//或者如果你的意思是：
var alertid=$（form.find（“输入[name=alertid]”）.val（）；
警报（警报ID）；
$.ajax({
类型：“POST”，
url:“analysis.php”，
数据：{cmt:comment，alert_id:alertid}
});
//返回false；
}

您必须阅读此文，请注意@AncientGeek提到的问题是关于将mysql更改为MYSQLI或PDO。先生，每个字段都有不同的id。。id=“注释“$i.”

<input type = "text" class="textBox" id = "alertid'.$i.'" name = "alertid" value = "'.$result['id'].'">';
var Id
  $(document).on('change', "input.textBox", function () {
             Id = $(this).attr("id");
alert(Id )
});

$("textarea").each(function(){
   alert($(this).attr("id"));
   alert($(this).val());
});
$("input").each(function(){
   alert($(this).attr("id"));
   alert($(this).val());
});

<?php
        $i = 1;
        $query1 = mysql_query("SELECT * FROM `alert_history` ORDER BY `alert_history`.`id` DESC LIMIT ".$start.",".$per_page."");
        while($result = mysql_fetch_array($query1)){
            echo '<td colspan = "2"><form method = "POST" onsubmit = "submitform(this)" ><textarea onFocus = "myFunction(1)" onBlur = "myFunction(0)" id = "comment'.$i.'" name = "comment"></textarea> <br />';
            echo '<input type = "text" id = "alertid'.$i.'" name = "alertid" value = "'.$result['id'].'">';
            echo '<input  type = "submit" name = "submit" value = "Comment" ></form></td>';
            $i++;
        }
?>


<script>
    function submitform(form){

      var comment = $(form).find("textarea").val();
      alert(comment);

      var alertid = $(form).find("input[name=alertid]").attr("id");
      alert(alertid);
      //Or if you mean:
      var alertid = $(form).find("input[name=alertid]").val();
      alert(alertid);

        $.ajax({
        type: "POST",
            url: "analytic.php",
            data:{cmt:comment,alert_id:alertid}
        });
            //return false;
      }
</script>