Html 无法获取表单元格值
我想在单击按钮时将一行数据添加到表的末尾。一、 但是,在我在底部添加任何新行之前,我希望检查最后一行是否有不完整的条目,这样我就不会提交空行或无效数据 到目前为止,所有使用innerHtml、innerText等获取给定单元格值的尝试都失败了。我甚至尝试改变单元格的颜色,以确认我指的是正确的单元格对象。我已经检查了这个论坛和其他网站,但找不到如何获得细胞的内容Html 无法获取表单元格值,html,dynamic,html-table,cell,Html,Dynamic,Html Table,Cell,我想在单击按钮时将一行数据添加到表的末尾。一、 但是,在我在底部添加任何新行之前,我希望检查最后一行是否有不完整的条目,这样我就不会提交空行或无效数据 到目前为止,所有使用innerHtml、innerText等获取给定单元格值的尝试都失败了。我甚至尝试改变单元格的颜色,以确认我指的是正确的单元格对象。我已经检查了这个论坛和其他网站,但找不到如何获得细胞的内容 <table id="tblTimePlaces" class="table" cellpadding="0" cellspac
<table id="tblTimePlaces" class="table" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:150px">Date</th>
<th style="width:150px">Location</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach (TimesPlacesViewModel timeplace in Model.TimesPlaces)
{
<tr>
<td>@timeplace.IncidentDate</td>
<td>@timeplace.IncidentLocation</td>
<td><input type="button" value="Remove" onclick="RemoveTP(this)" /></td>
</tr>
}
</tbody>
<tfoot>
<tr>
<td><input type="date" class="form-control" id="inDt"></td>
<td><input type="text" class="form-control" maxlength="25" id="inPl" /></td>
<td><input type="button" id="btnAddTimePlace" value="Add" /></td>
</tr>
</tfoot>
</table>
日期
位置
@foreach(timeplacesviewmodel Model timeplace在Model.timeplaces中)
{
@时间地点附带日期
@时间地点偶然地点
}
开始我的btnAddTimePlace onClick函数
$('#btnAddTimePlace').click(function () {
var table = $("#tblTimePlaces")[0];
var lastRow = table.rows[table.rows.length - 1];
for( i = 0; i < lastRow.cells.length -1; i++) {
cell = lastRow.cells[i];
cell.style.color='blue';
alert(cell.innerText);
} .......
$('btnAddTimePlace')。单击(函数(){
var表=$(“#tblTimePlaces”)[0];
var lastRow=table.rows[table.rows.length-1];
对于(i=0;i
我想实现的是,在插入另一行之前,应该检查最后一行的日期和位置列是否有有效条目。如果其中任何一列为空或无效(我可以对每一列的验证方面进行排序),我将发出一个返回false,而不继续插入。您可以尝试获取这样的输入值
<script>
$('#btnAddTimePlace').click(function () {
var table = $("#tblTimePlaces")[0];
var lastRow = table.rows[table.rows.length - 1];
var inputs = $(lastRow).find("input").not("input[type=button]");
for( i = 0; i < inputs.length; i++) {
var v = $(inputs[i]).val(); // this is value of input
alert(v);
}
});
</script>
$('#btnAddTimePlace')。单击(函数(){
var表=$(“#tblTimePlaces”)[0];
var lastRow=table.rows[table.rows.length-1];
变量输入=$(lastRow).find(“输入”).not(“输入[type=button]”;
对于(i=0;i
您可以使用香草JavaScript(纯JavaScript)轻松实现,如下所示:
var table = document.getElementById('tblTimePlaces');
var lastRow = [].slice.call(table.rows).pop();
/* to get last row (converting HTMLCollection to array and getting last
element of array with pop() function )*/
for(var i=0; i < lastRow.children.length; i++) {
var textPut = lastRow.children[i].firstChild;
textPut.style.color='blue';
}
var table=document.getElementById('tblTimePlaces');
var lastRow=[].slice.call(table.rows.pop();
/*获取最后一行(将HTMLCollection转换为数组并获取最后一行)
带有pop()函数的数组元素)*/
for(var i=0;i