У меня проблемы с получением массива входных данных из одного поля формы - PullRequest
0 голосов
/ 12 апреля 2019

Я пытаюсь получить массив строк из поля ввода и очищать поле каждый раз, когда keyup (ввод) (Это упражнение, я рассмотрю полный вызов в: 1. Одиночное сообщение

Создайте входное сообщение, в котором вы можете напечатать любое сообщение. Когда вы нажимаете Enter, сообщение должно появиться в поле «сообщения» и ввод должен очиститься

Несколько сообщений

При создании нового сообщения вместо замены сообщения внутри поля «сообщения» добавьте новое сообщение внизу последнего).

Я получаю main.js: 9 Uncaught TypeError: Невозможно прочитать свойство 'textContent' со значением NULL, я пробовал значение и получаю то же самое, я пробовал просто нацеливаясь на идентификатор и получая неопределенное или нулевое значение.

Я новичок в Jquery, я прочитал документацию, но я пробовал несколько различных методов, и, похоже, ничего не работает.

вот мой HTML

    <body>
        <div class="container-fluid">
            <div class="container">
            <form id="msg-input">
                <input type="text" placeholder="sample text" id="input-test" action="submit">
            </form> 
            </div>
            <div class="alert alert-info" id="alert-primary" role="alert">
                msg goes here
            </div>

Вот мой JQuery, я перепробовал все, что мог, включая: добавление .value () .textcontent () и т. Д. Мне просто нужноввод для сохранения в массиве var при отправке поля ввода и сброса поля

$('#alert-primary').hide()// hides first msg initially

$('#msg-input').on('submit', function(e) { //on submit prevents refresh
    e.preventDefault(); 

$('#msg-input').each(function() { //loops through each ipnut 
    var messages = []; // initializes var messages
        messages.push((document.getElementById("#input-test").textContent()));// pushes string to messages array
$('#msg-input').reset();     //resets input field
    });
 console.log(messages); //logs messages
})

Я бы как текстовое поле сообщения (домофон, фб и т. д.).но сейчас хотелось бы иметь возможность хранить входы.я буду генерировать сообщения позже.Цель здесь - использовать JavaScript.

1 Ответ

0 голосов
/ 12 апреля 2019

Попробуйте что-то вроде этого:

var messages = []; // Take care to not clean your array in "each" execution

$('#msg-input input').each(function() { // Get each input inside forms
    messages.push(this.value); // Get value of this (input)
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...