Question

我想为x个用户输入的课程动态创建文本框。每门课程，用户都必须输入“课程标题并标记为马克”。因此，可以说用户本学期修了3门课程。我需要使其具有6个带有“课程标题”标题的文本框，并且每两个文本框都标记为“已接收”。我不确定该怎么做

Answer 1

<table id="textbox">
    <tr>
        <td>
            <input type="button" onclick="addFunction()" value="Add"/>
        </td>
    </tr>
</table>
<script>
function addFunction() {
        var table = document.getElementById("textbox");
        var rowlen = table.rows.length;
        var row = table.insertRow(rowlen);
        row.id=rowlen;
        var arr = [ 'textboxfiledname' ]
        for (i = 0; i < 2; i++) {
            var x = row.insertCell(i)
            if (i == 1) {
                x.innerHTML = "<input type='button' onclick='removeCell(" + row.id+ ")' value=Delete>"
            } else {
                x.innerHTML = "<label>"+arr[i]+"</label><input type='textbox' name='"+arr[i]+"'>"
            }
        }
    }
    function removeCell(rowid) {
        var table = document.getElementById(rowid).remove();
    }
</script>

如何动态创建标签和文本框

1 个答案: