如何在javascript中取消确认按钮后恢复表行位置
在JavaScript中取消确认按钮后恢复表行位置的方法可以通过以下步骤实现：
- 首先，需要为确认按钮添加一个事件监听器，以便在点击确认按钮时触发相应的操作。可以使用
addEventListener方法来实现，监听按钮的点击事件。
const confirmButton = document.getElementById('confirmButton');
confirmButton.addEventListener('click', function() {
// 在这里执行取消确认后的操作
});- 在事件监听器中，可以使用
event.preventDefault()方法来阻止默认的表单提交行为，以避免页面刷新。
confirmButton.addEventListener('click', function(event) {
event.preventDefault();
// 在这里执行取消确认后的操作
});- 接下来，可以使用JavaScript来修改表行的位置。可以通过获取表格的父元素，然后将表行插入到指定位置来实现。
confirmButton.addEventListener('click', function(event) {
event.preventDefault();
// 在这里执行取消确认后的操作
const table = document.getElementById('table');
const row = document.getElementById('row');
const parent = table.parentNode;
parent.insertBefore(row, table.nextSibling);
});在上述代码中，假设表格的id为table，要恢复位置的表行的id为row。通过parentNode获取表格的父元素，然后使用insertBefore方法将表行插入到表格的下一个兄弟节点之前，从而恢复表行的位置。
这是一个基本的示例，具体的实现方式可能会根据具体的页面结构和需求而有所不同。另外，关于JavaScript的更多操作和方法，可以参考相关的文档和教程。
注意：本回答中没有提及任何特定的云计算品牌商或产品，如需了解腾讯云相关产品和产品介绍，建议访问腾讯云官方网站或咨询腾讯云官方客服。
相关·内容
5回答
生成新表行并捕获行JQuery的单击
jquery、html、onclick
我正在尝试做以下事情：
我在表中有一个表，当按钮被点击时，我有一个带有按钮的输入，一个新的行被添加，然后我希望捕获任何对新的行元素的点击。
<table id="mytable">
<tr>
<td><input type="textbox" class="mytb"/></td>
<td><button id="addButton">Add New Row</button></td>
</t
浏览 1提问于2012-10-25得票数 0
回答已采纳
2回答
我使用jquery向dom添加了一个带有行的动态表单，总价格似乎有些奇怪。
jquery、dom、append、dynamic-forms
我可以添加和删除动态表单中的最后一行，并计算单价的总和，但calculateSumNoTax()函数似乎只在php输出的第一行中触发，通过jquery附加到dom的每隔一行都不触发calculateSumNoTax()；
我在这里做错了什么？
JS：
$(document).ready(function() {
$("a[name='addline']").click(function(){
$("input[name='counter']").val( Number($("inpu
浏览 1提问于2010-03-05得票数 0
回答已采纳
1回答
JavaScript向动态生成的行添加以行号为参数的onclick函数
javascript、html、dom、html-table、onclick
问题
嗨，我正在制作一个表，其中我有两个按钮，查看和更新每一行。我在一个for循环中生成行。由于我使用的是innerHTML，而不是在那里添加onclick侦听器，我在第一个循环之后再做一个for循环，然后在那里添加事件侦听器。事件侦听器将添加到所有行中。但是，所有行的函数传递的参数(行号)是最后一行的编号。不知道为什么会发生这种情况，任何线索或建议都会有帮助。我将在下面留下相关的代码和调试结果。
代码
添加新行
table.innerHTML="";
var count=1;
querySnapshot.forEach((doc) => {
var innerhtm
浏览 1提问于2022-02-18得票数 0
回答已采纳
4回答
按钮在JavaScript中单击以在表中添加一行
javascript、jquery、html
我的任务是制作一个带有表格和按钮的页面。当用户按下按钮时，会向表中添加一行。因此，我的html页面上有一个按钮( <button id="my_button">Bla-bla</button> )和一个表格( <table id="my_table"> )。我有一个单独的JavaScript文件。在该文件中，我写道：
$(function() {
$(my_button).click(function(){
tbl = document.getElementById("my
浏览 0提问于2013-02-18得票数 0
回答已采纳
1回答
JS -使用按钮插入行有效，按钮不起作用
javascript
我有一个表格，用户可以通过模式添加，编辑和删除行。使用此JS添加新行时： if (tit.innerHTML === "Add Account"){
var type=document.getElementById("modal_type").value;
var price=document.getElementById("modal_price").value;
var table=document.getElementById(tableId);
浏览 5提问于2020-10-03得票数 0
回答已采纳
1回答
JavaScript表单提交不触发asp服务器端单击submit按钮的功能
c#、javascript、asp.net
我使用事件侦听器来阻止asp:按钮(submit)的操作，因为我想在表单实际提交之前使用javascript函数验证表单。
formInstance.addEventListener('submit', function (event) {
event.preventDefault();
}, false);
这是按钮：
<asp:Button ID="btnCreateForm" CssClass="submit-form button" runat="server"
Text="Save Fo
浏览 1提问于2012-09-02得票数 0
回答已采纳
2回答
Javascript无法识别已创建的按钮
javascript、jquery、html
我有一些Javascript，可以在ajax表单提交成功时创建一个按钮。当页面重新加载时，按钮将呈现到页面上。
这是一个简单表单javascript组合，用于将项目添加到表中，并使用删除按钮来删除该项目。
我已经运行了一个diff工具，提交表单和创建按钮以及使用已经创建的按钮重新加载页面之间没有任何区别。所以这让我相信Javascript无法识别正在创建的按钮。
下面是一些代码：
下面是我的javascript方法
$('button#proxy_remove_given').click(function() {
$.ajax({
url
浏览 4提问于2015-12-07得票数 0
2回答
使用动态创建的按钮在动态创建的表格中切换下一行的jQuery
javascript、jquery、html
我有一个动态创建的jQuery表，它从json文件中追加数据。表中的一行是附加到表中的行变量中的一行按钮：
var like = $("<a href='index.html'><button class='likeBtn'>like</button></a>");
var comment = $("<a href='index.html'><button class='comBtn'>comment</button>&l
浏览 0提问于2015-12-14得票数 3
4回答
向表格中动态添加可点击的行
javascript、jquery
我正在尝试使用JavaScript向HTML表中添加可单击的行。
下面是我的代码：
HTML：
<table border="1" id="example" style="cursor: pointer;">
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</table
浏览 0提问于2013-04-24得票数 1
回答已采纳
3回答
创建一个将页面初始化为特定状态的按钮
javascript、html
最初，我的页面有几个按钮和一个表格。在我可以在表中添加/删除行之后。我想创建另一个按钮，它将具有页面的初始状态，即按钮和空表。
我的javascript：
function initialize_page() {
localStorage.clear()
var preambula = '<button type="button" id="create_row">Create row</button> \
<button type="button" id
浏览 0提问于2015-04-18得票数 1
3回答
如何从表中删除特定行？
javascript、html
因此，我正在创建一个网站，允许用户输入有关他们阅读过的书籍的信息，并将这些信息输入到表格中。但是，如果用户单击按钮，我希望用户能够从表中删除特定的行(书)。
我在delete按钮中添加了一个单击eventListener，但是现在它只是删除第0索引处的行，有时它一次删除多个行。我不知道为什么。
function addBooks() {
let info = document.getElementById("author").value;
let info2 = document.getElementById("title").value;
le
浏览 7提问于2022-03-04得票数 0
回答已采纳
2回答
如何简化全屏元素的javascript代码？
javascript
我创建的按钮将触发表格在全屏模式下显示。
在Javascript中，每个按钮通过ID引用表格。甚至cancel按钮也有自己的ID。
它可以工作，但是如果我想添加更多的表，代码就会很笨重。
此时，我需要复制每个var/函数并重命名它们，如果我在一个页面中有许多表，这会使代码变得笨重。
正如您现在看到的，我必须复制cancelFullScreen并添加另一个cancelFullScreen2，并且我必须对customFullscreen和customFullscreen2执行相同的操作。
理想情况下，JS代码将保持不变，这样我就不必每次都重复该代码，只需在HTML中添加新表即可。
有没有一种方法可
浏览 0提问于2019-09-12得票数 1
3回答
按Id添加和删除表行的Javascript/JQuery
javascript、jquery、html
我正在尝试动态地向我的表中添加和删除行(通过Id)。add按钮工作正常，但我不确定为什么delete按钮不工作(它要么删除最后一行，要么不工作)。有什么建议吗？
下面是我的表格：
<table class="customFiltersTable" id="customFiltersTable">
<tbody>
</tbody>
</table>
Javascript add按钮中包含以下代码：
filtersRow = filtersRow + 1;
var fType1 = $('&l
浏览 0提问于2014-03-18得票数 0
回答已采纳
2回答
删除选定行- Struts2
javascript、html-table、struts2
我正在尝试创建一个包含我使用Struts2所做工作的历史记录的web页面。提交后，包含前一个页面的参数的一行将添加到我的历史表中。
我想要做的是允许用户通过选中一行或多行并按下"Delete Selected“按钮来从该表中删除记录。
编辑:表格是用列表对象动态创建的，所以我不想删除html行，但我需要从列表中删除记录。
表的创建方式如下：
<table>
<tr>
<th></th>
...
</tr>
<s:iterator value="myList&
浏览 2提问于2011-07-06得票数 0
回答已采纳
5回答
未使用动态创建的复选框触发操作
javascript、jquery、html、dynamic、checkbox
当我用HTML创建一个复选框时，动作是正常触发的，但是当我用javascript创建复选框时(当我用按钮在表格中添加一行并单击新的复选框时)动作不起作用。
这是我的代码：
<HTML>
<HEAD>
<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<SCRIPT>
$(window).load(function() {
浏览 4提问于2012-09-26得票数 0
回答已采纳
3回答
表上的JavaScript问题
javascript、jquery、html-table、position、z-index
我有一个数据库的结果表，然后我有下面的JavaScript，它允许用户单击表行，然后将它们带到正确的记录。
var pathName = window.location.pathname;
$('table tr').click(function(event) {
var modelId = $('section').attr('data-id');
var dataType = $(this).attr('data-type');
var id = $(this).attr('data-id&#
浏览 2提问于2013-06-06得票数 2
回答已采纳
3回答
在in中按id选择动态生成的元素
appcelerator、appcelerator-titanium、appcelerator-alloy
我正在使用最新的天腾加速器，我的项目是使用合金。
我有一个id为：tblResults的TableView
在我的控制器中，我用如下所示的行填充此表视图：
// Dummy data
var results = [];
results.push({
title: 'Hello World',
value: '123456'
});
results.push({
title: 'Bye World',
value: '654321'
});
// Build result data
var resu
浏览 1提问于2016-01-29得票数 0
2回答
在php中导入javascript
php、javascript、codeigniter
如何在php中导入javascript？无论我怎么尝试，似乎都不能让页面中的按钮触发javascript中的事件。
这是我的javascript文件内容：
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount
浏览 1提问于2010-08-16得票数 0
回答已采纳
1回答
如何使用jquery/javascript恢复输入字段内值的更改
javascript、jquery、html
$(document).ready(function () {
//Highlight row when selected.
$(function () {
$('#Cases tr').click(function () {
$('#Cases tr').removeClass('selectedRow');
$(this).addClass('selectedRow');
});
});
//Display
浏览 40提问于2019-09-27得票数 1
回答已采纳
1回答
如何将对象数组添加到HTML表中？
javascript、html、arrays、object
我正在按一下按钮收集JSON字符串数据。每次单击该按钮时，都会向数组中添加另一个产品。数组是一个对象数组：
{SKU: "9372983-382L", retail_price: "11.75", list_price: "3.50", product_name: "Tennis balls"}
我将如何将这些信息插入到表格中？说我有
<div id='table'>
<table>
</table>
</div>
JavaScript：
var pr
浏览 1提问于2020-12-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
