Member 12742983 Ответов: 1

Добавить динамическое текстовое поле нажатием кнопки

у меня есть одна страница .aspxpage содержит 19 строк.Каждая строка содержит 7 текстовых полей одна выпадающая кнопка Я хочу показать только одну строку на этой странице, нажав кнопку + она будет автоматически добавлена на страницу..Так что может ли кто-нибудь помочь мне Я новые веб-страницы, так что может pls помочь indetail кодирования...

Что я уже пробовал:

я понятия не имею об этой теме я пишу код для 19 текстовых полей я хочу уменьшить код.

1 Ответов

Рейтинг:
2

omerkamran 

<head runat="server">
    <title></title>
    <script>

        function addRow()
        {
            var tableRef = document.getElementById('myTable').getElementsByTagName('tbody')[0];

            // Insert a row in the table at the last row
            var newRow = tableRef.insertRow(tableRef.rows.length);

            // Insert a cell in the row at index 0
            var newCell = newRow.insertCell(0);

            var input = document.createElement('input');
            input.type = "text";
            // Append a text node to the cell
           
            newCell.appendChild(input);

            return false;
            
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <button onclick="return addRow();">click me</button>
        <table id="myTable" border="1">
            <tr><td>Hello1</td></tr>
            <tr><td>Hello2</td></tr>
        </table>
    </div>
    </form>
</body>