C# 单击按钮时自动完成文本框 函数insRow（）{ var tab=document.getElementById（'POITable'）； 变量大小=tab.rows.length； 如果（大小==1）{ DoPostBack（）； } 否则{ console.log（'hi'）； var x=document.getElementById（'POITable'）； var new_row=x.rows[1]。克隆节点（true）； var len=x.rows.length； 新的行。单元格[0]。innerHTML=len； //var i1=row.parentNode.parentNode.rowIndex； //警报（i1）； var inp1=new_row.cells[1]。getElementsByTagName（'input'）[0]； inp1.id+=len； inp1.value=''； inp1.style.width=88+“px”； var inp2=new_row.cells[2].getElementsByTagName（'input'）[0]； inp2.id+=len； inp2.value=''； inp2.style.width=87+“px”； var inp3=new_row.cells[3].getElementsByTagName（'textarea'）[0]； inp3.id+=len； inp3.value=''； inp3.style.width=105+“px”； inp3.style.height=34+“px”； inp3.style.resize='none'； var inp4=new_row.cells[4].getElementsByTagName（'input'）[0]； inp4.id+=len； inp4.value=''； inp4.style.width=78+“px”； var inp5=new_row.cells[5].getElementsByTagName（'input'）[0]； inp5.id+=len； inp5.value=''； inp5.style.width=87+“px”； var inp6=new_row.cells[6].getElementsByTagName（'select'）[0]； inp6.id+=len； inp6.value=''； inp6.style.width=63+“px”； var inp7=new_row.cells[7].getElementsByTagName（'input'）[0]； inp7.id+=len； inp7.value=''； inp7.style.width=84+“px”； x、 追加子项（新的_行）； } } Sr 行项目 布料 描述 量 单价 增值税 数量 删去 1. 选择 5. 12

我想在javascript代码中的每一行中添加自动完成文本框…当我单击AddNewRow按钮时，我希望每一行中的文本框都应该使用数据库值自动完成，以我拥有的为准 那么我如何在点击按钮时动态添加它…请帮助我解决这个问题

---

先谢谢你

首先，我欢迎你来到StackOverflow。现在，作为本网站的会员，您需要遵守与提问和回答相关的某些规则。特别是，请允许我引导您进入页面，在这里您可以学习如何提出一个好问题？你真的需要遵循这个建议，因为目前，这是一个糟糕的第一篇帖子。。。它有最差的标题、不正确的标签和极差的质量问题。

function insRow() {

    var tab = document.getElementById('POITable');
    var size = tab.rows.length;

    if (size == 1) {
        DoPostBack();
    }
    else {

        console.log('hi');
        var x = document.getElementById('POITable');
        var new_row = x.rows[1].cloneNode(true);
        var len = x.rows.length;
        new_row.cells[0].innerHTML = len;
        // var i1 = row.parentNode.parentNode.rowIndex;
        // alert(i1);


        var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
        inp1.id += len;
        inp1.value = '';
        inp1.style.width = 88 + "px";
        var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
        inp2.id += len;
        inp2.value = '';
        inp2.style.width = 87 + "px";
        var inp3 = new_row.cells[3].getElementsByTagName('textarea')[0];
        inp3.id += len;
        inp3.value = '';
        inp3.style.width = 105 + "px";
        inp3.style.height = 34 + "px";
        inp3.style.resize = 'none';

        var inp4 = new_row.cells[4].getElementsByTagName('input')[0];
        inp4.id += len;
        inp4.value = '';
        inp4.style.width = 78 + "px";
        var inp5 = new_row.cells[5].getElementsByTagName('input')[0];
        inp5.id += len;
        inp5.value = '';
        inp5.style.width = 87 + "px";
        var inp6 = new_row.cells[6].getElementsByTagName('select')[0];
        inp6.id += len;
        inp6.value = '';
        inp6.style.width = 63 + "px";
        var inp7 = new_row.cells[7].getElementsByTagName('input')[0];
        inp7.id += len;
        inp7.value = '';
        inp7.style.width = 84 + "px";
        x.appendChild(new_row);
    }
}



  <table ID="POITable" class="style25">
                <tr>
                    <td bgcolor="AliceBlue">
                        Sr</td>
                    <td width="80" bgcolor="AliceBlue">
                        Line Item</td>
                    <td class="style26" bgcolor="AliceBlue">
                        Material</td>
                    <td class="style27" bgcolor="AliceBlue">
                        Description</td>
                    <td class="style28" bgcolor="AliceBlue">
                        Quantity</td>
                    <td class="style29" bgcolor="AliceBlue">
                        Unit Price</td>
                    <td class="style32" bgcolor="AliceBlue">
                        VAT</td>
                    <td class="style31" bgcolor="AliceBlue">
                        Amount</td>
                    <td bgcolor="AliceBlue">
                        Delete?</td>
                </tr>
                <tr>
                    <td>
                        1</td>
                    <td >
                        <input id="Textl" type="text" />
                    </td>
                    <td >
                        <input id="Textm" type="text" />
                    </td>
                    <td class="style27">
                        <textarea ID="Textd" rows="6" cols="7" name="S2"></textarea>&nbsp;</td>
                    <td class="style28">
                        <input id="Textq" type="text" onkeyup="calculation()" />
                    </td>
                    <td class="style29">
                        <input id="Textu" type="text" onkeyup="calculation()" />
                    </td>
                    <td class="style32" id="select">
                     <select id="select" onchange="calculation()">
                     <option value="select">Select</option>
            <option value="5">5</option>
            <option value="12">12</option>
            </select>

                     </td>
                    <td class="style31">
                        <input id="Texta" type="text" />
                    </td>
                    <td>
                        <input id="Button3" type="button" value="Delete" onclick="deleteRow(this)" />
                    </td>
                </tr>
                <tr><input id="Hidden1" type="hidden" runat="server"/></tr>
            </table>

            <input type="button" id="Button1" value="Add New Line" onclick="insRow()"/>