Springの動的フォーム

Question

私はSpringフォームを使用して動的フォームを作成しようとしています。基本的に、このフォームには学習活動のタイトルがついています。その下には「学習活動をもう1つ追加する」というボタンがあります。これにより、ユーザーはもう1つの学習活動を追加することができます。私は彼が好きなだけ追加することができるようにしたい。

私はこれまでにこれを試したことがないので、私が考えた最初の解決策でエラーが発生しました。

<script language="javascript"> 
fields = 0; 
function addInput() { 
     document.getElementById('text').innerHTML += "<form:input path='activity[fields++].activity'/><br />"; 
} 

<div id="text"> 
    <form:form commandName="course"> 
    Learning Activity 1 
    <form:input path="activity[0].activity"/> 
    <input type="button" value="add activity" onclick="addInput()"/> 
    <br/><br/> 
    <input type="submit"/> 
    </form:form> 
    <br/><br/> 
</div> 

Answer 1

< form:input>はjavascript内で使用できません。これは、サーバー側で実行されるjspタグです。

しかし、HTML入力がSpringコマンドオブジェクトのフィールドにどのようにバインドされるかについては何も驚くことはありません。それはちょうど名前に基づいています。あなたのjavascriptで、新しい <input type="text" name="activity[1].activity"> を追加します（たとえば、明らかにインデックスを増やします）。

もっと複雑なコントロールに使用したもう1つのオプションは、既存のコントロール（Springフォーム：inputタグを使用して作成されたもの）のHTMLを取得し、クローンしてインデックスを増やした番号に置き換えます。 jQueryを使用すると、これはもっと簡単になります。

編集対象： 問題が発生する可能性がある1つの問題：外部入力欄（「テキスト」）の末尾に新しい入力ボックスを追加しています。つまり、フォームタグ内にはありません。それは動作しません。

Answer 2

が<form:input> JSPタグです：私は本当に私は、エラーが発生します何をしたかやって気持ちを持っていたが、ちょうど私が何をしようとしていますどのような家庭ドライブか、ここのコードですか？もしそうなら、サーバサイドのJSPエンジンはそれらを解釈していないので、DOMに<form:input>ノードを追加するクライアントサイドのJavascriptは効果がありません。

あなたのJavaScriptは生のHTMLとDOMで動作する必要があります（<input>要素の追加など）。