2015-12-30 87 views
1
function f1(){ 
document.getElementById("comment_show").innerHTML 
="<form action='c.php' method='post'>a:"+ 
"<input type='text' name='d1'> <br>"+ 
"<textarea name='comment' rows='5' cols='100'> </textarea> <br>"+ 

"b:"+ 
"<input type='text' name='d2'> <br>"+ 
"<textarea name='comment' rows='5' cols='100'> </textarea> <br>"+ 

"c:"+ 
"<input type='text' name='d3'> <br>"+ 
"<textarea name='comment' rows='5' cols='100'> </textarea> <br>"+ 

"<input type='submit' name='s1' value='s1'> <br><br><br><br>"+ 

"</form>"; 
} 

如何用JavaScript變量替換d1,d2,d3以使其成爲循環?如何在javascript函數中使用javascript變量獲取html輸入名稱?

+1

' 「MyString的」 + MYVARIABLE + 「myOtherString」' –

回答

2

這裏是你將如何實現自動化您輸入的創作:

var inputsCount = 3; 

var inputs = ""; 
var LETTER_START = "a".charCodeAt(0) - 1; 
for (var i = 1; i <= inputsCount; i++) { 
    inputs += String.fromCharCode(LETTER_START + i) + ":"+ 
    "<input type='text' name='d" + i + "'> <br>"+ 
    "<textarea name='comment' rows='5' cols='100'> </textarea> <br>"; 
} 


var inner = "<form action='c.php' method='post'>" + 
     inputs + 
     "<input type='submit' name='s1' value='s1'> <br><br><br><br>" + 
     "</form>"; 

document.getElementById("comment_show").innerHTML = inner; 
+0

我也有累了在此之前。但是,它不起作用,所以我把它發佈到stackoverflow。現在,我再次嘗試了這種方法,幸運的是,這次它工作。 我不明白爲什麼它昨天沒有工作。無論如何,它的作品。謝謝。 – user3422161

+0

var d = 1; function add(){ d = d + 1; var temp2 =「

」; for(var i = 1; i <= d; i ++)temp2 = temp2 +「d」+ i +「:」+ 「
「+ 「
「; } TEMP2 = TEMP2 +」
「+」
「; 的document.getElementById( 「comment_show」)的innerHTML = TEMP2; } 這個時候,這是行不通的幫助 – user3422161

+0

我知道這個問題,我錯過了「。!。它再次運作。謝謝。 – user3422161

0

您可以使用數組來保存名稱,然後使用jquery .each來生成html字符串。或者你可以在數組上做一個普通的舊循環。

相關問題