javascript - 从表格单元格中的选择中获取文本

Question

使用原始 javascript 或 jQuery，我需要从表格单元格中的选择中获取文本。我附上了我已经开始工作的代码，几乎可以得到我需要的东西。

var tbl = document.getElementById('tblHours');
var rowCount = tbl.rows.length;
var colCount = tbl.rows[0].cells.length;

for (var i = 0;i<rowCount;i++) {
    var myrow = tbl.rows[i];
    for (var j=0;j<colCount;j++) {
        alert(myrow.cells[j].firstChild.innerHTML);
    }
}

这段代码的问题是它让我得到了选择的原始 html，我需要知道实际选择了哪些文本。谢谢！

Answer 1

切换到jquery！

var tbl = $('#tblHours');

tbl.find('tr').each(function(){
   $(this).find('td').each(function(){
       alert($(this).find('select :selected').val());
   });
});

我没有测试代码。举个例子。

Answer 2

如果您尝试通过此函数从中剥离 html 或仅使用其中的代码怎么办

function strip(html)
{
   var tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent||tmp.innerText;
}

Answer 3

for (var i = 0;i<$('#tblHours tr').length;i++) {
    var myrow = $('#tblHours').find('td');
    for (var j=0;j<myrow .length;j++) {
        alert(myrow.text());
    }
}

Answer 4

对于 HTML 选择中的选定选项，请参阅：http ://api.jquery.com/selected-selector/

试试这个代码（未测试）：

var tbl = document.getElementById('tblHours');
var rowCount = tbl.rows.length;
var colCount = tbl.rows[0].cells.length;

for (var i = 0;i<rowCount;i++) {
    var myrow = tbl.rows[i];
    for (var j=0;j<colCount;j++) {
        alert($(myrow.cells[j]).find('select :selected'));
    }
}