如何使用JavaScript讀取表內的文本框的值

Question

<head>

<title>Projects</title>

<style type="text/css">

.newtable
{

width:60%;

border:3px solid brown;

font-size:18px;

border-collapse: collapse;

border-spacing: 0;

border-padding: 10;

cellspacing: 0;

}

#newtable
{

width:60%;

border:3px solid brown;

font-size:18px;

border-collapse: collapse;

border-spacing: 0;

border-padding: 10;

cellspacing: 10;

}

#newtable td
{

width:200;

background-color:gray;

border:2px solid brown;

text-align:center;

border-padding: 10;

cellspacing: 10;

}

</style>

<script type="text/javascript">

function makeTable()

   {

    row=new Array();


    cell=new Array();


    row_num=20;


    cell_num=4;


    tab=document.createElement('table');


    tab.setAttribute('id','newtable');


    tbo=document.createElement('tbody');


    tbo.setAttribute('id','tabody');


    for(c=0;c<row_num;c++)

    {


    row[c]=document.createElement('tr');


    for(k=0;k < cell_num;k++)

    {


    cell[k] = document.createElement('td');


    if (k > 0)

    {


    cont=document.createElement("input");


cont.setAttribute('type','text');


cell[k].appendChild(cont);


row[c].appendChild(cell[k]);


}


else
{


cont=document.createTextNode("0" + (c+1));


cell[k].appendChild(cont);


row[c].appendChild(cell[k]);                    


}


}



tbo.appendChild(row[c]);


}


tab.appendChild(tbo);


document.getElementById('mytable').appendChild(tab);


mytable.setAttribute("align", "top-left");


}


function GetCellValues()
{


row=new Array();


cell=new Array();


row_num=20;


cell_num=4;


tab = document.getElementsByTagName('table');


tbo = tab.getElementsByTagName('tbody');


for(=0 ; c < row_num; c++)
{   


row = tbo.getElementsByTagName('tr');


for(k=0; k < cell_num; k++)
{


cell = row.getElementsByTagName('td');
{


cont=cell.getElementsByTagName('input');
{


alert(cont.value);


}   


}


}


}


}

</script>


</head>




</html>

Answer 1

您正在通過訪問.value屬性來正確閱讀，問題出在其他地方。

這是一個更干凈的版本： https : //gist.github.com/anonymous/7331383

您遇到的問題：

首先，不要忘記聲明您正在使用的變量。
您正在添加到實際上不需要的數組（行/單元）。
該表未添加到主體
需要在加載時調用makeTable（）（可以從控制台中調用另一個函數，或者可以為此添加一個按鈕）。
GetCellValues（）中不必要的花括號，請使用良好的編輯器，並且不要忘記縮進代碼，以防止出現這種情況
測試時使用console.log（）打印到控制台，而不是alert（）

也許還有其他我不記得xD的東西

希望能幫助到你。

Answer 2

將類別分配給輸入，然后按類別名稱獲取

var elements =document.getElementsByClassName('test');
for(var i=0;i<elements.length;i++)
{
    console.log(elements[i].value);
}

如何使用JavaScript讀取表內的文本框的值

問題描述

2 個解決方案

解決方案1
1 2013-11-06 05:37:06

解決方案2
0 已采納 2013-11-06 05:14:00

如何使用JavaScript讀取表內的文本框的值

問題描述

2 個解決方案

解決方案1 1 2013-11-06 05:37:06

解決方案2 0 已采納 2013-11-06 05:14:00

解決方案1
1 2013-11-06 05:37:06

解決方案2
0 已采納 2013-11-06 05:14:00