從PHP中動態生成的文本框訪問值

Question

第一個用戶將輸入要創建的文本框數量。 例如，他從列表中選擇4，則將創建4個文本框。
之后，代碼將在php中動態創建文本框，並將其值發送到另一個php頁面。 請協助完成這項工作。

Answer 1

我會做這樣的事情。

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <label for="inputTextareasNumber">How many textareas do you want?</label>
        <input type="number" id="inputTextareasNumber" min="1">
        <button type="button" id="butCreateTextareas">Create textareas</button>

        <form id="myDynamicForm" action="myPHPfile.php" method="post"></form>

        <script>
            /* HTML elements caching */
            var inputTextareasNumber = document.getElementById("inputTextareasNumber");
            var butCreateTextareas = document.getElementById("butCreateTextareas");
            var myDynamicForm = document.getElementById("myDynamicForm");

            /* Create textareas when click button */
            butCreateTextareas.addEventListener("click", createTextareas);

            function createTextareas() {
                /* First we empty the form so we can re-create it with a different number of textareas*/
                emptyElement(myDynamicForm);

                /* Here we get the number of textareas we want */
                var textareasNumber = inputTextareasNumber.value;

                /* We create and append to the form as many textareas as number we wrote in the input */
                for (var i = 1; i <= textareasNumber; i++) {
                    var newTextarea = document.createElement("textarea");
                    newTextarea.name = "myTextarea" + i;
                    myDynamicForm.appendChild(newTextarea);
                }

                /* We crate and append the submit button */
                var submitButton = document.createElement("input");
                submitButton.type = "submit";
                submitButton.value = "Send";
                myDynamicForm.appendChild(submitButton);
            }

            /* Empty any HTML element */
            function emptyElement(element) {
                while (element.lastChild) {
                    element.removeChild(element.lastChild);
                }
            }
        </script>
    </body>
</html>

在這里，您可以使用它： jsfiddle

一個非常非常基本的PHP接收器可能是這個（myPHPfile.php） ：

<?php

foreach ($_POST as $textareaValue) {
    echo "<p>$textareaValue</p>";
}

從PHP中動態生成的文本框訪問值

問題描述

1 個解決方案

解決方案1
1 2015-12-12 19:04:37

從PHP中動態生成的文本框訪問值

問題描述

1 個解決方案

解決方案1 1 2015-12-12 19:04:37

解決方案1
1 2015-12-12 19:04:37