動態添加文本框在HTML中

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; 
    }

我有這樣的代碼，我通過下拉菜單動態添加文本框在HTML中

<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>

調用它，但它沒有顯示任何

來源

2014-12-25 kapil sachdeva

使用選項之前聲明var toAppend=''而不是select.value ... –

只需將聲明添加爲空字符串即可完成工作，[demo]（http://jsfiddle.net/mkdskd/mmm15971/） – Mritunjay

感謝它的工作 –

的for環

來源

2014-12-25 09:12:26

動態添加文本框在HTML中

回答

相關問題