使用jquery和jstl下拉列表动态添加/删除更多行

时间:2016-08-18 18:14:19

标签: jquery html jsp jstl

我想在点击addrow按钮时使用jQuery添加带有选择下拉列表的新行。

所以我在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仅供参考。

1 个答案:

答案 0 :(得分:0)

你好,这样做不应该是一个问题:

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

https://jsfiddle.net/b734fgcf/

html和js在生成的jsp之后执行,它应该就像普通的HTML Jquery修改一样。如果您想将此数据发送回服务器,则可能存在一些安全问题。祝你好运:)