我有一个问题与http://autonumeric.org/插件.当点击添加按钮时,它会附加一行一些输入字段。这些字段是整数和十进制字段。一旦行附加了它,那么它将初始化具有多个字段的自动数字。追加了多行文本字段,然后得到与输入字段的问题。
- inputting the value, it's showing multiple textboxes and inputted value showing
- inputted 5 at third textbox: showing as 555
<div class='container'>
<div class='row mt-4'>
<div class='col-12'>
<h3>AutoNumeric Append Text Box with AutoNumeric</h3>
</div>
<div class='col-12 pl-4'>
<button type='button' class='btn btn-danger' onclick='doAppendRow()'>Add</button>
</div>
<div class='col-12' id='dvappend'></div>
</div>
</div>```
```var row = 1;
const autoNumericOptions = {
allowDecimalPadding: "floats",
decimalCharacter: ",",
digitGroupSeparator: "",
emptyInputBehavior: "zero",
decimalPlaces: 2
// watchExternalChanges: true //!!!
};
function doAppendRow() {
var output =
"<div class='row' id='row_" +
row +
"'><div class='col-12'><div class='form-group'><label>Qty</label><input type='text' name='txtqty[]' class='form-control' /></div><div class='form-group'><label>Amount</label><input type='text' name='txtamount[]' class='form-control' /></div></div></div>";
$("#dvappend").append(output);
new AutoNumeric.multiple("input[name^=txtqty]", autoNumericOptions);
new AutoNumeric.multiple("input[name^=txtamount]", autoNumericOptions);
row++;
}
Please help!
1条答案
按热度按时间pftdvrlh1#
Autonumeric不能多次初始化同一个DOM元素。
要解决这个问题,必须动态添加
id
输入:然后,创建示例: