jqueryとjstlドロップダウンを使用して動的に行を追加/削除する

Question

jQueryを使用して選択したドロップダウンリストで新しい行を追加したいときにaddrowボタンをクリックします。

私はjspファイルでドロップダウンリストを作成するためにJSTLタグを使用しています。

jQueryを使用してaddrowボタンを使用して新しい行を作成すると、最初に作成されたデフォルトのドロップダウンリストと同じ値（countryList）を表示するようにします。

jQueryを使用して行を作成する方法は？

SimpleFormController：

protected Map referenceData(HttpServletRequest request) throws Exception { 
    Map referenceData = new HashMap(); 
    Map<String,String> country = new LinkedHashMap<String,String>(); 
    country.put("US", "United Stated"); 
    country.put("CHINA", "China"); 
    country.put("SG", "Singapore"); 
    country.put("MY", "Malaysia"); 
    referenceData.put("countryList", country); 
} 

フォーム：オプション：

<form:select path="country"> 
    <form:option value="NONE" label="--- Select ---"/> 
    <form:options items="${countryList}" /> 
</form:select> 

例：

JSFiddle

注：上記jsFiddleは参考値です。

Answer 1

こんにちは、これはこのようにそれを行うには問題になることshould't：普通のHTMLのようにする必要があり

//Execute this on button click 
$('#countries').append($('<option>', 
{ 
    value: "China", 
    text : "China" 
})); 

https://jsfiddle.net/b734fgcf/

htmlとjsファイルがそれに、生成されたJSP後に実行されていますJqueryの変更。このデータをサーバーに送り返す場合は、セキュリティ上の問題が発生する可能性があります。幸運:)