用函數或任何其他方法（Javascript）創建輸入

Question

我正在嘗試做一些更容易寫出矩陣的事情。 您首先獲得兩個數字輸入矩陣的維數。 之后，您“提交”數字，然后出現幾個輸入框。

您如何編寫此代碼？ 是否可以在其他功能中執行此操作？

我當時想讓“提交”按鈕具有驗證性，以查看數字是否為實數，如果它們是實數，則該函數將繼續進行有關如何“寫出”數字框的循環。

這就是我現在得到的：

function validate(){
    var num;
    num = document.getElementById("numberbox").value;

    var myForm = document.getElementById('payForm'); // 
    while(myForm.hasChildNodes()){
        myForm.removeChild(myForm.firstChild);
    }

    myForm = document.createElement("form");
    myForm.setAttribute("method","post");
    myForm.setAttribute("action","processChecking.php");

    if(isNaN(num) || num<1){
        document.getElementById("output").innerHTML = "invalid number!";
        document.getElementById("numberbox").value = '';
    } else {
        document.getElementById("output").innerHTML = "number validated!";
        array(num);
        for (var i = 0; i <= num; i++) {
            var input = document.createElement('input');
            input.type = 'text';
            input.name = 'myInput_' + i;
            input.id = 'myInput_' + i;
            myForm.appendChild(input);
        }
    }          
}

<body>
    <table>
        <tr>
            <td>
                <p>
                    Enter number for how many number boxes you want:<br>        
                    <input id="numberbox" type="number">        
                    <button type="button" onclick="validate()">Validate</button>
                    <br>
                    <p id="output"></p>
                    <br>
                </p>
            </td>
            <td style="text-align:right;">
                <p id="payForm"></p>   
            </td>
        </tr> 
    </table>
</body>

Answer 1

到目前為止，這是我從您的問題中得出的結論。 如果它步入正軌，那么我們可以在此基礎上繼續前進。

 function createTable() { var num_rows = document.getElementById('rows').value; var num_cols = document.getElementById('cols').value; var theader = '<table border="1">\\n'; var tbody = ''; for (var i = 0; i < num_rows; i++) { tbody += '<tr>'; for (var j = 0; j < num_cols; j++) { tbody += '<td>'; tbody += '<input type="number">' tbody += '</td>' } tbody += '</tr>\\n'; } var tfooter = '</table>'; document.getElementById('wrapper').innerHTML = theader + tbody + tfooter; }

 <form name="tablegen"> <label>Input number of rows : <input type="number" name="rows" id="rows" /> </label> <br /> <label>Input number of columns : <input type="number" name="cols" id="cols" /> </label> <br/> <input name="generate" type="button" value="Create Table!" onclick='createTable();' /> </form> <div id="wrapper"></div>

用函數或任何其他方法（Javascript）創建輸入

問題描述

1 個解決方案

解決方案1
0 已采納 2016-09-10 08:31:53

用函數或任何其他方法（Javascript）創建輸入

問題描述

1 個解決方案

解決方案1 0 已采納 2016-09-10 08:31:53

解決方案1
0 已采納 2016-09-10 08:31:53