我制作了一个带有动态表格的表格,当表格填好后,点击按钮,所有字段的值将插入到一个字段中,以逗号分隔。问题是我不知道如何检查字段是否为空,如果它然后插入数据,否则更新该输入字段中的数据。
这是我的 html 代码
<table>
<tbody>
<tr>
<td><input type="text" name="name"></td>
<td><button class="remove">-</button></td>
</tr>
<tr>
<td><input type="text" name="name"></td>
<td><button class="remove">-</button></td>
</tr>
</tbody>
</table>
<button id="addRow">+ Add</button>
<button id="getValues">Get Values</button>
<br/><br/><br/>
<input type="text" id="myMainPageInput" />
这是jquery
var html = '<tr><td><input type="text" name="name"></td><td><button class="remove">-</button></td></tr>';
$(function() {
$('tbody').sortable();
$('#addRow').click(function(){
$('tbody').append(html);
});
$(document).on('click', '.remove', function() {
$(this).parents('tr').remove();
});
$('#getValues').click(function(){
var values = [];
if ($('input[name="name"]').val().length != 0){
$('input[name="name"]').each(function(i, elem){
$("#myMainPageInput").val(($("#myMainPageInput").val() + ', ' + $(elem).val()).replace(/^, /, ''));
});
}
});
});
这使我每次单击按钮时都会重复。
换个角度思考:既然您正在检查它是否为空或不为空,并且在任何情况下都继续执行逻辑(这就是我的理解,如果我错了,请纠正我),然后在填充它之前完全清空该字段.
$('#getValues').click(function(){
$('input[name="name"]').val('');
var values = [];
$('input[name="name"]').each(function(i, elem){
$("#myMainPageInput").val(($("#myMainPageInput").val() + ', ' + $(elem).val()).replace(/^, /, ''));
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句