javascript - 在Html中动态添加文本框

Question

 function change() {
        var select = document.getElementById("slct");
        var divv = document.getElementById("container");
        var value = select.value;
        for (i = 0; i <value; i++) { 
            toAppend += "<input type='textbox' >";

        }
        divv.innerHTML=toAppend;`enter code here`
        return;
     }

我有这个代码，我通过下拉菜单调用它

<select id="slct" onchange="change();">
     <option value="0"> select value </option>
   <option value="1"> 1 </option>
     <option value="2"> 2 </option>
   <option value="3"> 3 </option>

但它没有显示任何内容

Answer 1

在 for 循环之前声明 var toAppend=''