从单元格中获取文本框值

时间:2013-12-04 10:26:08

标签: javascript php jquery

我使用PHP创建了一个表。

 echo "<td class=\"normalfnt\"  width=\"10\"  style=\"text-align:left; padding-left:9px;\" id=\"weightType\"/>$Description</td>";
             echo "<td class=\"normalfnt\" width=\"30\" > <input type=\"text\" size=\"6px\" id=\"fuelCost\" name=\"fc\"/></td>";

现在我想得到燃料成本的文本框值。 因为我试图使用以下bellow javascript函数

 function GetCellValues() {
  // alert('hi');
    var table = document.getElementById('tbl');

    //row.cells[index].getElementsByName('inputcell' + index)[0].value

    for (var r = 1, n = table.rows.length; r < n; r++) {
        for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
           alert(table.rows[r].cells[c].innerHTML);
        }
    }
}

现在我遇到的问题是它不会给我正确的输出。但是html文本框代码我已经放入了PHP代码表.. 如果有人能帮助我,我将非常感激。

3 个答案:

答案 0 :(得分:2)

由于您已使用jQuery标记,请尝试此解决方案

function GetCellValues() {
    //find all input elements with name fc within element with id table
    $('#tbl input[name="fc"]').each(function(){
        console.log($(this).val())
    });
}

答案 1 :(得分:0)

试试这个

var values = $('#tbl').find('td > input[type="text"]').map(function(v){
    return v.value;
}).get();

答案 2 :(得分:0)

怎么样,

function check()
{
    var table = document.getElementById("tbl");
    for (var i = 0, row; row = table.rows[i]; i++) {
       for (var j = 0, col; col = row.cells[j]; j++) {
            if(col.firstChild.nodeName=="INPUT")
            {
                console.log(col.firstChild.value);
            }
       }  
    }
}