Как привязать autonumeric ко всем элементам

165
11 ноября 2019, 20:50

Не могу разобраться, autoNumeric работает только на первый элемент содержащий класс float, как сделать что бы сработало на всех элементах имеющих класс float?

<script src = "https://unpkg.com/autonumeric" ></script> 
 
<form>    
  <input type="text" class="form-control cell-in-text float" id="26" asp-for="@Model.ListEtpAnswer.ElementAt(26).Answer" /> 
<br /> 
  <input type="text" class="form-control cell-in-text float" id="27" asp-for="@Model.ListEtpAnswer.ElementAt(27).Answer" />  
 <br />  
  <input type="text" class="form-control cell-in-text float" id="28" asp-for="@Model.ListEtpAnswer.ElementAt(28).Answer" />  
 <br />  
  
 
<script> 
  const autoNumericOptions = { 
    allowDecimalPadding: "floats", 
    decimalCharacter: ",", 
    digitGroupSeparator: "", 
    //emptyInputBehavior: "zero", 
    watchExternalChanges: true 
  }; 
new AutoNumeric(".float", autoNumericOptions);  
</script>

Answer 1

В документации autoNumeric написано, что при вызове через конструктор используется document.querySelector, т.е. берется только первый элемент из селектора. Если вам нужны все элементы из селектора то стоит использовать AutoNumeric.multiple, т.к. здесь используется document.querySelectorAll

const autoNumericOptions = { 
  allowDecimalPadding: 'floats', 
  decimalCharacter: ',', 
  digitGroupSeparator: '', 
  watchExternalChanges: true 
}; 
AutoNumeric.multiple('.float', autoNumericOptions);
<script src="https://unpkg.com/autonumeric@4.5.4/dist/autoNumeric.min.js"></script> 
<form> 
  <input class="float" /> 
  <input class="float" /> 
  <input class="float" /> 
  <input class="float" /> 
</form>

READ ALSO
Воспроизвести 2+ видео на странице kurento
javascript

Воспроизвести 2+ видео на странице kurento

Возможно ли запустить 2 PlayerEndpoint с разными ссылками на одной странице? https://doc-kurentoreadthedocs

 157
Не могу запустить MySQL CentOS 7
MySQL

Не могу запустить MySQL CentOS 7

Добрый день StackOverflow

 157
Перенос базы с 5.5.9 на 5.6
MySQL

Перенос базы с 5.5.9 на 5.6

Всем привет! Народ подскажите почему при переносе базы данных с версии mysql 55

 181
Подключение к базе данных mysql по локальной сети
MySQL

Подключение к базе данных mysql по локальной сети

Есть программа на Java, которая при запуске подключается к БД, которая хранится в musql workbenchНеобходимо перенести эту программу на другой компьютер...

 163