Как получить значения из нескольких значений полей формы, используя Array.from и forEach - PullRequest
Новая
       21

Как получить значения из нескольких значений полей формы, используя Array.from и forEach

0 голосов
/ 05 ноября 2019

Допустим, у меня есть форма: 

<form>
  <input type="text" class="blanked">
  <input type="text" class="blanked">
  <input type="text" class="blanked">
  <input type="submit" value="Press Me">
</form>

Теперь допустим, что я использую getElementsByClassName для создания массива этих элементов:

let filledBlanks = Array.from(document.getElementsByClassName( 'blanked' ));

Теперь я хочу пройтись по значениям, которые пользователь вводил в каждый ввод: 

filledBlanks.forEach( filledBlank => {
  let inputText = filledBlank.???;
}

Это то место, где меня спотыкают. Что я использую, чтобы получить заполненное значение (не .value)? Или есть лучший способ сделать это?

1 Ответ

1 голос
/ 05 ноября 2019

свойство .value работает просто отлично. Я не понимаю, зачем тебе нужно что-то еще. Если вы хотите перебирать только значения, вы можете сначала отобразить свой вход, но я не вижу смысла.

Обратите внимание, что здесь я использую только Jquery для прослушивания события submit,Остальное - чистый ванильный Javascript. 

$('form').on('submit', (event) => {
  event.preventDefault();
  
  let filledBlanks = Array.from(document.getElementsByClassName( 'blanked' ));
  filledBlanks.map((input) => {
    return input.value;
  }).forEach((value) => {
    console.log(value);
  });
  
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" class="blanked">
  <input type="text" class="blanked">
  <input type="text" class="blanked">
  <input type="submit" value="Press Me" id="submit">
</form>
...