Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当提交发送所有行时,使用javascript从表中删除tr_Javascript_Jquery_Html - Fatal编程技术网

当提交发送所有行时,使用javascript从表中删除tr

当提交发送所有行时,使用javascript从表中删除tr,javascript,jquery,html,Javascript,Jquery,Html,我在html页面中有一个表,有一个函数可以删除所选行,但当我按下submit按钮时,所有行都被提交。如果我看到源代码,我可以看到所有行的html。这就是我正在使用的函数 编辑 这是桌子的样子 这是按钮与函数绑定的初始化代码 $(document).ready(function(){ $(".btnDelete").bind("click", Delete); }); 这是删除该行的函数 function Delete(){ var rowCount

我在html页面中有一个表,有一个函数可以删除所选行,但当我按下submit按钮时,所有行都被提交。如果我看到源代码,我可以看到所有行的html。这就是我正在使用的函数

编辑 这是桌子的样子

这是按钮与函数绑定的初始化代码

 $(document).ready(function(){
             $(".btnDelete").bind("click", Delete);
});
这是删除该行的函数

function Delete(){
        var rowCount = $('#datallesNota tr').length;
        console.log('FILAS EN LA TABLA: ' + rowCount );

        console.log('ELIMINAR FILA: ');

        var par = $(this).parent().parent(); //tr
        par.remove();
        console.log('SE REMOVIO LA FILA: ' );
    };
这是调用函数的表的一部分

<tr id="1">
<td><button class="btnDelete"><img alt="QUITAR" src="/resources/img/16x16/delete.png"> </button>


感谢您的帮助。

以下是从表中删除tr的示例


我的内容1
我的内容2
我的内容
点击我
$(.btnDelete”)。在(“单击”,函数()上{
var-rowId=2;
删除行(rowId);
});
函数deleteRow(rowId){
var selectedRow=$(“#myTable tr[id=“+rowId+”]);
$(selectedRow).remove();
}

在bind函数中尝试
Delete()
?如何选择行?我相信您必须这样定义Delete变量
var Delete=function Delete(){//your function code}所以你可以按你的方式来称呼它。我不清楚这个问题,这个代码删除了表中的行,用户可以根据需要删除任意多行,问题是当用户提交表单时,所有行,甚至删除的行都会提交到服务器。这对我有帮助,谢谢,除了检查代码外,我还发现了一些错误的逻辑。从那以后,我工作得很好。
<table id="myTable">
    <tr id="1">
        <td>My Conten1</td>

    </tr>
    <tr id="2">
        <td>My Conten2</td>

    </tr>
    <tr id="3">
        <td>My Conten3</td>
    </tr>
    <table>
        <button class="btnDelete">Click Me</button> 

$(".btnDelete").on("click", function(){
    var rowId = 2;
    deleteRow(rowId);
});

function deleteRow(rowId){
  var selectedRow = $("#myTable tr[id="+rowId+"]");
    $(selectedRow).remove();
}