2013-01-14 38 views
1

「」米試圖設置ID使用JavaScript和休耕一樣代碼動態創建文本框...如何設定ID,以動態創建文本框在JavaScript

這裏數量爲下拉列表

像.. HTML代碼

<select id="Qty" name="childQty" onChange="changeIt()"> 
     <option value="0">ZERO</option> 
     <option value="1">ONE</option> 
     <option value="2">TWO</option> 
     <option value="3">THREE</option> 
     <option value="4">FOUR</option> 
     <option value="5">FIVE</option> 
    </select> 

<div id="my_div"><input type="hidden" /></div> 

JavaScript代碼

function changeIt() 
     { 
     var sel = document.getElementById('Qty'); 
     var i = sel.options[sel.selectedIndex].value; 

     my_div.innerHTML =""; 
     var txtid=""; 
     for(var j=0;j<i;j++){ 
     txtid='mytext'+j; 
     //alert(txtid); 
       my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='txtid'>" 

      } 

     } 

這裏想設置txtid到該文本框,其將要內my_div.innerHTML創建id但這不是工作txtid='mytext'+j;,然後我想Concat的那些用戶將在動態創建的文本輸入的所有文本框。

回答

3

這一行:

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='txtid'>" 

應該

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='+txtid+'>" 
0
my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='"+ txtid +"'>"