Javascript 迭代java脚本中的不同文本框并赋值_Javascript

Javascript 迭代java脚本中的不同文本框并赋值

javascript

Javascript 迭代java脚本中的不同文本框并赋值,javascript,Javascript,我试图循环遍历文本框并为其赋值。我已经创建了三个数组列表ids[]，id1s[]，id2s[] 必须在第一列中填充ids[]中的值，然后再填充。但是id1s[]和id2[]中的值需要填入第2列和第3列。循环运行5次。第一次它填充在第一行，但从下一次开始它将覆盖第一行。。不到第二排下面是我的代码：-- 函数start（） { 变量ID=[“A”、“B”、“C”、“D”、“E”]； var id1s=[1,2,3,4,5]；变量id2s=[6,7,8,9,10]；对于（变量i=0；i

我试图循环遍历文本框并为其赋值。我已经创建了三个数组列表

ids[]

，

id1s[]

，

id2s[]

必须在第一列中填充

ids[]

中的值，然后再填充。但是

id1s[]

和

id2[]

中的值需要填入第2列和第3列。循环运行5次。第一次它填充在第一行，但从下一次开始它将覆盖第一行。。不到第二排

下面是我的代码：--


函数start（）
{
变量ID=[“A”、“B”、“C”、“D”、“E”]；
var id1s=[1,2,3,4,5]；
变量id2s=[6,7,8,9,10]；
对于（变量i=0；i



请建议如何遍历在第2列和第3列中创建的文本框
我修改了addrow和addData函数
对于addrow函数
您必须使用test1和test2中的值来形成输入ID
像这样
TD2.innerHTML ="<input type='text' id='"+ test1 + "' value=''>";
TD3.innerHTML ="<input type='text' id='"+ test2 + "' value=''>";

根据我的经验，请检查jsFiddle，这样的东西应该可以提供良好的性能
<!DOCTYPE html>
    <html>
        <head>
        <script>
        function start()
        {
            var ids = ["A", "B", "C", "D", "E"];
            var id1s = [1,2,3,4,5];
            var id2s = [6,7,8,9,10];
            var table= document.getElementById('tableId').getElementsByTagName('tbody')[0];

            for (var i = 0; i < ids.length; i++){
                alert("Showing assignment of values");
                table.innerHTML+= '<tr><td>'+ids[i]+'</td><td>'+id1s[i]+'</td><td>'+id2s[i]+'</td></tr>';
            }
        }
        </script>
    </head>
    <body>
    <button type="button" onclick="start()">Display</button>
    <table id="tableId" border='1' cellspacing='0' cellpadding='0'>
        <tr>
            <td>Variable</td> 
            <td>Value1</td>
            <td>Value2</td>
        </tr>
    </table>
</body>


函数start（）
{
变量ID=[“A”、“B”、“C”、“D”、“E”]；
var id1s=[1,2,3,4,5]；
变量id2s=[6,7,8,9,10]；
var table=document.getElementById（'tableId'）.getElementsByTagName（'tbody'）[0]；
对于（变量i=0；i

如果您不需要单独查看每一行的分配，我建议您这样做
<!DOCTYPE html>
    <html>
        <head>
        <script>
        function start()
        {
            var ids = ["A", "B", "C", "D", "E"];
            var id1s = [1,2,3,4,5];
            var id2s = [6,7,8,9,10];
            var table= document.getElementById('tableId').getElementsByTagName('tbody')[0];
            var text='';

            for (var i = 0; i < ids.length; i++){
                text+='<tr><td>'+ids[i]+'</td><td>'+id1s[i]+'</td><td>'+id2s[i]+'</td></tr>';
            }
            table.innerHTML+= text;
            text='';
        }
        </script>
    </head>
    <body>
    <button type="button" onclick="start()">Display</button>
    <table id="tableId" border='1' cellspacing='0' cellpadding='0'>
        <tr>
            <td>Variable</td> 
            <td>Value1</td>
            <td>Value2</td>
        </tr>
    </table>
</body>


函数start（）
{
变量ID=[“A”、“B”、“C”、“D”、“E”]；
var id1s=[1,2,3,4,5]；
变量id2s=[6,7,8,9,10]；
var table=document.getElementById（'tableId'）.getElementsByTagName（'tbody'）[0]；
var text=''；
对于（变量i=0；i您好，谢谢您的帮助。这正是我想要的。谢谢你，伙计。唯一的问题是第二列和第三列应该是文本框。现在我可以通过saju在这个帖子中的回复做到这一点。。。
<!DOCTYPE html>
    <html>
        <head>
        <script>
        function start()
        {
            var ids = ["A", "B", "C", "D", "E"];
            var id1s = [1,2,3,4,5];
            var id2s = [6,7,8,9,10];
            var table= document.getElementById('tableId').getElementsByTagName('tbody')[0];

            for (var i = 0; i < ids.length; i++){
                alert("Showing assignment of values");
                table.innerHTML+= '<tr><td>'+ids[i]+'</td><td>'+id1s[i]+'</td><td>'+id2s[i]+'</td></tr>';
            }
        }
        </script>
    </head>
    <body>
    <button type="button" onclick="start()">Display</button>
    <table id="tableId" border='1' cellspacing='0' cellpadding='0'>
        <tr>
            <td>Variable</td> 
            <td>Value1</td>
            <td>Value2</td>
        </tr>
    </table>
</body>

<!DOCTYPE html>
    <html>
        <head>
        <script>
        function start()
        {
            var ids = ["A", "B", "C", "D", "E"];
            var id1s = [1,2,3,4,5];
            var id2s = [6,7,8,9,10];
            var table= document.getElementById('tableId').getElementsByTagName('tbody')[0];
            var text='';

            for (var i = 0; i < ids.length; i++){
                text+='<tr><td>'+ids[i]+'</td><td>'+id1s[i]+'</td><td>'+id2s[i]+'</td></tr>';
            }
            table.innerHTML+= text;
            text='';
        }
        </script>
    </head>
    <body>
    <button type="button" onclick="start()">Display</button>
    <table id="tableId" border='1' cellspacing='0' cellpadding='0'>
        <tr>
            <td>Variable</td> 
            <td>Value1</td>
            <td>Value2</td>
        </tr>
    </table>
</body>