使用html和<;添加新表行;div class=";“输入组插件”&燃气轮机€</部门>;使用javascript
我有这个代码,我看不到使用html和<;添加新表行;div class=";“输入组插件”&燃气轮机€</部门>;使用javascript,javascript,Javascript,我有这个代码,我看不到€的视觉效果 $(document).on('click', '#addRows', function() { count++; var html = ''; html = '<tr>'; html += '<td><input class="itemRow" type="checkbox"/></td>'; html += '<td>
€
的视觉效果
$(document).on('click', '#addRows', function() {
count++;
var html = '';
html = '<tr>';
html += '<td><input class="itemRow" type="checkbox"/></td>';
html += '<td><input type="text" data-type="productCode" name="itemNo[]" id="itemNo_'+count+'" style="text-align:right" class="form-control autocomplete_txt" autocomplete="off"></td>';
html += '<td><input type="text" data-type="productName" name="itemName[]" id="itemName_'+count+'" class="form-control autocomplete_txt" autocomplete="off"></td>';
html += '<td><input type="number" name="price[]" id="price_'+count+'" style="text-align:right" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td><div class="input-group-addon">€</div>';
html += '<td><input type="number" name="quantity[]" id="quantity_'+count+'" style="text-align:right" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>';
html += '<td><input type="number" name="total[]" id="total_'+count+'" style="text-align:right" class="form-control totalLinePrice" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>'+'<div class="input-group-addon">€</div>';
html += '</tr>';
$('#invoiceItem').append(html);
});
$(document).on('click','#addRows',function(){
计数++;
var html='';
html='';
html+='';
html+='';
html+='';
html+=“€”;
html+='';
html+=''+'€';
html+='';
$('#invoiceItem')。附加(html);
});
您的div在
之外,因此在表之外。你想把它放在桌子外面吗?如果是这样的话,我会重新组织您的代码,这样您就可以放入表中,然后放入div,并使用网格或浮点数进行排列
或
您将它放在表中的另一个单元格中,该单元格用…
另外,请确保初始化计数并包含jquery。如果这不起作用,请简化操作(删除内联JavaScript、删除所有属性、使用样式表或将样式移动到文档头…),并在最简单的情况下增加复杂性。如果简单地说(例如只添加空的
元素)它不起作用,请询问我们,但请先阅读“”和“”指南。您的div
在表元素之外,这是无效的。
的唯一有效子级是
和
。使用正确的元素,它就会工作:(即,一个输入组div包装输入和一个输入组append div)@HereticMonkey是的,我的div在a之外,问题解决了!thanks@ChrisG在(@HereticMonkey)中输入div之后,我使用了一个输入组div来包装输入,输出非常完美!谢谢