如何附加<form:输入路径=“"/>使用jquery将
How to append <form:input path="" /> into table using jquery?
如果用户按下添加按钮,我想添加行。
我使用jsp和jquery .append()
,但不起作用
我厌倦了尝试将<form:input path="">
附加到表中。
HTML代码
<table class="table" id="fileMappingTable">
<thead>
<tr>
<th><fmt:message key='fileMapping.parameter.sequence' /></th>
<th style="text-align:right;" colspan=2><a href="#" id="addSequence" class="button tiny" style="margin: 0;">Add sequence</a></th>
</tr>
</thead>
<tbody>
<tr>
<td style="vertical-align: top;">
<form:input path="sequence" id="sequence"
cssClass="validate[required]"
cssErrorClass="error validate[required]" />
<form:errors path="sequence" cssClass="error" />
</td>
<td>
<form:radiobutton path="value" id="default" value=""/><label for="default">Default</label> <br>
<form:radiobutton path="value" id="startCharacter" value=""/><label for="startCharacter">Start character</label>
<form:input path="firstCharacterPosition" id="firstCharacterPosition"
cssClass="validate[required]"
cssErrorClass="error validate[required]"/>
<label for="length">Length</label>
<form:input path="length" id="length"
cssClass="validate[required]"
cssErrorClass="error validate[required]"/><br>
<form:radiobutton path="value" id="dateTime" value=""/><label for="dateTime">Date & Time</label>
<form:select path="">
<form:option value="">DATE</form:option>
<form:option value="">DATE AND TIME</form:option>
</form:select><br>
</td>
<td style="vertical-align: top;">
<a href="#">remove</a>
</td>
</tr>
</tbody>
</table>
Javascript代码
$("#addSequence").click(function(){
$("#fileMappingTable:last").append(
"<tr>" +
"<td style='vertical-align: top;'>" +
"<form:'input path='sequence' id='sequence' cssClass='validate' cssErrorClass='error validate' />" +
"<form:'errors path='sequence' cssClass='error' />" +
"</td>" +
"<td>" +
"<form:radiobutton path='value' id='default' value=''/><label for='default'>Default</label><br>" +
"<form:radiobutton path='value' id='startCharacter' value=''/><label for='startCharacter'>Start character</label>" +
"<form:input path='firstCharacterPosition' id='firstCharacterPosition' cssClass='validate[required]' cssErrorClass='error validate[required]'/>" +
"<label for='length'>Length</label>" +
"<form:input path='length' id='length' cssClass='validate[required]' cssErrorClass='error validate[required]'/><br>" +
"<form:radiobutton path='value' id='dateTime' value=''/><label for='dateTime'>Date & Time</label>" +
"<form:select path=''>" +
"<form:option value=''>DATE</form:option>" +
"<form:option value=''>DATE AND TIME</form:option>" +
"</form:select><br>" +
"</td>" +
"<td style='vertical-align: top;'>" +
"<a href='#'>remove</a>" +
"</td>" +
"</tr>"
);
});
如果我点击带有id="addSequence"
的按钮,它将像javascript代码上那样添加带有<form:input path=""/>
的行
感谢
JSTL或您的SpringMVC表单标记将首先执行并创建普通标记或html。然后,您将使用Jquery操作html,而不是相反。在使用jquery 操作之前创建第一个spring标记
相关文章:
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 在<script src=“"></脚本>标签
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- JSP<a href="">无法保存常规语句
- 在MySQL中存储映像路径与使用<img src=“"onError=“">
- $_POST值在<形式动作=“;javascript:someJSFunction()"/>
- 类似于htmls<script src=“">xaml的标签
- 为什么<车身负载=“;fn()">使用函数调用,但是window.onload=fn;使用处理程序函
- 更改URL而不使用<a href="">
- 为什么可以't我将JS代码置于<script src=“">代码</脚本>
- 如何将鼠标悬停在<img src=“">标签
- 如何设置<一个标题=“">用于erb
- 将用户输入动态地附加到<script src=“">来自Java Script中的文本框
- <a href="#">最终调用Javascript函数
- <a href="javascript:foo(this)">通过Window,我想要标记
- 使用<重置所有字段(复选框、文本、选择);body onload()">
- 如何从<a href="">到javascript函数
- IE总是在<a href="#"/>被单击
- JS:有一个新的运算符"=>&”;