Question

動的に作成するテキストを追加したいtextbox。

var dynamicTextBox= ""; 
    for (var i = 0; i < vm.FitToWork.length; i++) { 
     dynamicTextBox+= '<input class="form-control" name = "DynamicTextBox" id= "DynamicTextBox" type="text" value = "'vm.FitToWork[i]'" />&nbsp;' + 
     '<button id="btnAdd" class="delete-decl">+</button>'; 

    } 
    document.getElementById("TextBoxContainer").innerHTML=dynamicTextBox; 

そのが機能していない...

Answer 1

構文エラーがあります。変数vm.FitToWork[i]を連結しようとしていますが、連結演算子（+）は使用していません。あなたが値でプラスを追加するのを忘れ

var dynamicTextBox= ""; 
 

 
// ignore this. just have this to get the code working 
 
var vm = {FitToWork : ["test","rest","vest"]}; 
 

 
for (var i = 0; i < vm.FitToWork.length; i++) { 
 
     dynamicTextBox += '<input class="form-control" name = "DynamicTextBox" id= "DynamicTextBox" type="text" value = "' + vm.FitToWork[i] + '" />'; 
 
     
 
     dynamicTextBox += '<button id="btnAdd" class="delete-decl">+</button></br>'; 
 
} 
 

 
document.getElementById("TextBoxContainer").innerHTML = dynamicTextBox;

<div id="TextBoxContainer"></div>

Answer 2

あなたは連結を逃しました。

var dynamicTextBox= ""; 
for (var i = 0; i < vm.FitToWork.length; i++) { 
    dynamicTextBox+= '<input class="form-control" name = "DynamicTextBox" id= "DynamicTextBox" type="text" value = "'+vm.FitToWork[i]+'" />&nbsp;' + '<button id="btnAdd" class="delete-decl">+</button>'; 
} 
document.getElementById("TextBoxContainer").innerHTML=dynamicTextBox; 

Answer 3

：

... value="' + vm.FitToWork[i] + '" ... 

Answer 4

値はそれほど+ + value = "' + value + '" にvalue = "'+vm.FitToWork[i]+'"

たりすることができますする必要があり、次のコードを試してみてくださいこれを試してください

'<input name = "DynamicTextBox" type="text" value = "' + value + '" />' + 
'<input type="button" value="+" id="btnAdd" class="delete-decl" />'