- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
下面是我写的代码来做以下事情
每个表格行都包含一个“+”按钮
当点击按钮时,代码应该找到被点击行的行索引
然后一个新行应该添加到 cilcked 行的 (rowindex+1) 位置。即,就在点击行的下方。
但是现在出现的问题是
button里面的onclick函数没有用,如果我把它写进去就可以了
'cell3' 中按钮的 onclick 不起作用
因为我是 php 的初学者,也是 javascript 的初学者,任何人都可以帮我详细解释
<script>
function myFunction(x) {
var table = document.getElementById("myTable");
var rowno=x.rowIndex;
alert(rowno);
var row = table.insertRow(rowno+1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = '<input type="text"s name="txt1">';
cell2.innerHTML = '<input type="text" name="txt2">';
cell3.innerHTML = '<input type="button" name="btn" value="+" onclick="myFunction(this)">';
}
</script>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
<td><button onclick="myFunction(this)">+</button></td>
</tr>
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
<td><button onclick="myFunction(this)">+</button></td>
</tr>
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
<td><button onclick="myFunction(this)">+</button></td>
</tr>
</table>
最佳答案
您正在将按钮传递给您的函数并试图找到它的 rowIndex,这是不可能的。您需要找到按钮父行的 rowIndex。我修改了 javascript 代码以选择它。这应该有效。
<script type="text/javascript">
function myFunction(x) {
var table = document.getElementById("myTable");
var rowno = x.parentNode.parentNode.rowIndex; //this selects the button's parent row
alert(rowno);
var row = table.insertRow(rowno + 1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = '<input type="text"s name="txt1">';
cell2.innerHTML = '<input type="text" name="txt2">';
cell3.innerHTML = '<input type="button" name="btn" value="+" onclick="myFunction(this)">';
}
</script>
关于javascript - 使用 rowIndex 在单击的行正下方插入新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27540107/
我已被选中一行,现在我想获取 rowIndex 也许喜欢 grid.getSelectionModel().getSelection()[0].rowIndex 但它是未定义的。我怎样才能得到它谢谢
我的 Button1 在面板内,我想访问 rowindex 以便隐藏该 Imagebutton。但是当我进入 Debug模式时,GridView1.SelectedIndex 有一个空值。请帮忙!
我有如下代码。我的问题是我无法获取页脚的行索引。使用代码,我得到了页脚的 rowindex = -1。我试图在网上找到解决方案,但没有找到任何东西。感谢您帮助我。先感谢您。 protected v
有没有办法让每个人都得到行索引? 示例: int rowIndex = 0; foreach (int a in numbers) { // Manipulation rowIndex
我正在使用 TR 的 rowIndex 属性,但它不起作用。如果我在这里做错了什么,请告诉我。 function myMethod(){ alert ( this.pa
单击时我的表格单元格会突出显示。我需要找到突出显示的单元格的 rowIndex 。我尝试这样做 $(".ui-state-highlight").index(); // Results to 0 我也
我有一个简单的 GridView 。每行都有一些 boundFields 和一个复选框。该复选框具有 AutoPostBack=True 并使用 OnCheckedChanged 事件触发方法 (ch
我正在使用 greasemonkey 脚本并使用以下代码更新表格。我附上了 table 的图片。但是当我点击 delete 时,rowIndex 为所有行返回 -1。我不明白为什么它返回 -1。 ta
我是新手,我想通过 onclick 获取行索引、colindex 和该行第一列的值。我在不同的部分找到了这些答案,但无法将它们放在一起。如果下面的代码也能为我提供第一列中的值,我将非常高兴。提前致谢。
下面是我写的代码来做以下事情 每个表格行都包含一个“+”按钮 当点击按钮时,代码应该找到被点击行的行索引 然后一个新行应该添加到 cilcked 行的 (rowindex+1) 位置。即,就在点击行的
... 存在一些这样的 ... 对于数据表 最佳答案 在您用于扩展行的 ng-template 中使用以下代码 expand 在展开时点击的按钮使用下面的代码获取行索引 expand(
我有一个带有 DataGridTemplateColumns 的 DataGrid。在 TemplateColumn 中,我使用了一个工作正常的 DataTrigger。它从 DataGrid 父级检
如果我在 VBA 编辑器中编写此内容: Dim ws As Worksheet: set ws = ActiveSheet ws.Columns( IntelliSense 向我显示了一个看似不相关的
我尝试获取表中按钮的 rowIndex?没有什么对我有用: let tr = $(''); let td = $(''); let btn = $(''); td.html(btn); tr.html
这可能是非常规的,但我想知道如何编辑表行的索引? 所以我可以像这样获取表行的当前 rowIndex var rowIndex = document.getElementsByClassName('ed
我试图将行索引从 gridview 内部传递到 javascript 函数,但收到错误消息,指出 databind 不包含属性名称容器。 ','','','',');"> 我只想将 gridview
我的 GridPanel 中有一堆来自一家商店的 RowIndexes。我想从我的商店中删除这些。如果我只有一个,没问题,Grid 的 View 是 refrsehd,唯一的条目是 away。 但是当
我试图找到具有被单击的删除按钮的行的 rowIndex。但是,当单击删除按钮时,它找不到 ID,而是返回 null 并出错。 我试过这个: $("#delete").on("click", funct
我需要小部件列中的一个按钮来了解其在 ExtJS 6 panel.grid 中的 rowIndex,以便在单击按钮时它可以使用该功能。我知道我可以从渲染器函数中提取该信息,但这似乎是在创建按钮之前执行
您好,我正在开发一个使用 block 的 2d map 加载器。 我使用此方法来计算与屏幕边界相交的 block 的位置。 // left bottom rect.x = x - x % chunkS
我是一名优秀的程序员,十分优秀!