javascript - 根据用户输入的数字生成文本框

标签 javascript html

我希望当用户在文本框中输入数字并单击设置时,文本框会根据他输入的数字出现,这是我想出的,但它不起作用,请帮助

<html>
<head>
<script>
function generate(){
var a=parseInt(document.getElementById("nochapter").value);
for (i=0;i<=a,i++){
document.getElementById("ch").innerHTML="<input type='text' >"}}
</script>
</head>
<body>
<h1> Prepare new assessment</h1>
<form>
No. of Chapter included <input type="text" id="nochapter" > 
<input type ="button" value="set" onclick="generate()">

<div id="ch"></div>    

最佳答案

你的代码应该是这样的。 最好将输入元素附加到 div。

<head>
    <script>
    function generate() {

        var a = parseInt(document.getElementById("nochapter").value);
        var ch = document.getElementById("ch");

        for (i = 0; i < a; i++) {
            var input = document.createElement("input");
            ch.appendChild(input);
        }
    }
    </script>
</head>

<body>
    <h1> Prepare new assessment</h1>
    <form>
        No. of Chapter included
        <input type="text" id="nochapter" />
        <input type="button" value="set" onclick="generate()" />
        <div id="ch"></div>
    </form>
</body>

关于javascript - 根据用户输入的数字生成文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29397885/

相关文章:

javascript - Twitter Bootstrap 和 typeahead 不能一起正常工作

javascript - ng-bind-html 使用无法识别临时变量形式 ng-repeat 的函数

javascript - Chrome 新标签保留内存

javascript - jQuery 在 | 之后获取数字从文本框

javascript - 将垂直滚动方向更改为水平

javascript - 使用 Javascript 取消隐藏元素

javascript - 当页面从底部向前向后随机单击时,jquery 数据表滚动到顶部

javascript - 将元素停靠到 div 的底部以及屏幕底部

jQuery 和 history.js 示例

javascript - 全高标题图片