Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在动态表中检索输入类型的值_Javascript_Html - Fatal编程技术网

Javascript 如何在动态表中检索输入类型的值

Javascript 如何在动态表中检索输入类型的值,javascript,html,Javascript,Html,函数showContent(tableID){ var tbl=document.getElementById(tableID); var rCount=tbl.rows.length; 试一试{ 警报(tbl.rows[rCount-1]。单元格[0]。innerHTML); }捕获(e){ 警报(e); } } 文本 字体 大小 颜色 您甚至没有尝试访问值 alert(tbl.rows[rCount-1].cells[0].children[0].value); 您需要访问单元格中的输入

函数showContent(tableID){
var tbl=document.getElementById(tableID);
var rCount=tbl.rows.length;
试一试{
警报(tbl.rows[rCount-1]。单元格[0]。innerHTML);
}捕获(e){
警报(e);
}
}

文本
字体
大小
颜色

您甚至没有尝试访问值

alert(tbl.rows[rCount-1].cells[0].children[0].value);

您需要访问单元格中的输入对象。您只需查看其中的HTML


请尝试
tbl.rows[rCount-1]。单元格[0]。子项[0]。值

要获取所有输入,您应该执行以下操作:

alert(tbl.rows[rCount - 1].cells[0].getElementsByTagName("input")[0].value);
function get(tableId) {
// returns an array for the values of all input elements in the last row of given table
    var t = document.getElementById(tableId);
    var r = t.rows[t.rows.length-1];
    var inputs = r.getElementsByTagName("input");
    var result = new Array(inputs.length);
    for (var i=0; i<inputs.length; i++)
        result[i] = inputs[i].value; // not innerHTML or something
    return result;
}
函数get(tableId){
//返回给定表最后一行中所有输入元素的值的数组
var t=document.getElementById(tableId);
var r=t.rows[t.rows.length-1];
var inputs=r.getElementsByTagName(“输入”);
var结果=新数组(inputs.length);
对于(var i=0;i
函数neeminhoud3(){
var tabel=document.getElementById('tableDiagnose');
var rijen=tabel.rows.length;
对于(i=0;i

如果您想从表中取出所有输入字段供将来的读者阅读,这里有一个完整的演示片段,它可以工作…(基于公认的答案)

还可以设置第二个函数,以便在单击时显示第二个单元格的值-显示如何从下一个单元格访问值

函数showText(tableID){
var tbl=document.getElementById(tableID);
var rCount=tbl.rows.length;
试一试{
警报(tbl.rows[rCount-1]。单元格[0]。子项[0]。值);
}捕获(e){
警报(e);
}
}
函数showFont(tableID){
var tbl=document.getElementById(tableID);
var rCount=tbl.rows.length;
试一试{
警报(tbl.rows[rCount-1]。单元格[1]。子单元格[0]。值);//注意:下一个单元格已更改为单元格[1]
}捕获(e){
警报(e);
}
}

文本
字体
大小
颜色

你得到的是单元格的html。这是输入本身。再深入一层,获取输入的价值。几乎逐字逐句地复制我的答案,为什么不呢?当我们同时回答时,我几乎没有复制。这是一个简单的答案,让我们把它归功于伟大的头脑……干杯,这非常有效。我知道这将是一个简单的答案当我可以的时候,我会接受你的回答(似乎要等5分钟)@Niet the Dark Absol,你能解释一下,行[]、单元格[]和儿童[]的作用吗?它们在tin上的确切含义。
rows[]
是一个数组*所有表都有,包含所述表的行。
cells[]
是一个数组*所有表行都有,它包含所述行的单元格。
子元素[]
是一个数组*所有元素都有,它包含所述元素的子元素。*数组应被读取为“类似数组的对象”,因为虽然它们可以像数组一样访问,但它们缺少数组方法。
function neeminhoud3(){
    var tabel = document.getElementById('tableDiagnose');
    var rijen = tabel.rows.length;

    for (i = 0; i < rijen; i++){
        var inputs = tabel.rows.item(i).getElementsByTagName("input");
        var inputslengte = inputs.length;

        for(var j = 0; j < inputslengte; j++){
            var inputval = inputs[j].value;                
            alert(inputval);
        }            
    }      
}