thymeleaf属性のjavascript変数をエスケープする方法

Question

現在、画像URLの動的フォームを作成するためにjavascriptを使用していますが、javascript varを正しい方法でエスケープする方法がわかりません。問題は番目である：フィールド= "* {IMAGEURL [ '+イテレータ+']}"

コード：

<script type="text/javascript" th:inline="javascript"> 
var info = 1; 
var iterator = 0; 

function add_fields() { 
info++; 
iterator++; 

var objTo = document.getElementsByClassName('form-group')[0] 
console.log(objTo); 

    var divtest = document.createElement("div"); 
divtest.innerHTML = '<div class="form-group"><label class="col-lg-3 control-label">Field'+info+' </label><div class="col-lg-9"> <input type="text" th:field="*{imageUrl['+iterator+']}" class="form-control" name="field1" /></div></div>'; 

objTo.appendChild(divtest) 
} 
</script> 

しかし、私は次のエラーを取得します：

のjava .lang.NumberFormatExceptionは：入力文字列の場合：「『+反復子+』」

Answer 1

も事前に

おかげで、そのJavaエラー原因奇妙に見えるとあなたはjavascriを持っていますptコード。 しかし、あなたの番号のメソッドtoStringを呼び出そうとしてください。

var nbr = 10; 
var foo = 'your text' + nbr.toString() + ' more text'; 

Answer 2

私はちょうど入力フォームが表示されるようになりjavascript関数を作成し、隠された入力にthymeleaf変数をパットは

を形成します