Question

我正在尝试从输入字段中获取字符串数组，并在每次keyup（enter）输入时清除该字段（这是一个练习，我将在以下内容中挑战全部挑战：1.单个消息

创建一个消息输入，您可以在其中输入任何消息。当您按Enter键时，该消息应出现在“消息”框中，并且输入应清除

多条消息

创建新邮件时，不要替换“邮件”框中的邮件，而应在最后一封邮件的底部添加新邮件。

我正在获取main.js：9 Uncaught TypeError：无法读取null的属性'textContent'，我尝试过获取值并获得相同的结果，我仅通过将id定位为目标来尝试获取undefined或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，我已经尝试过所有我能想到的内容-ading .value（）.textcontent（）等，我只需要在输入框提交和框重置时将输入保存到var数组中< / p>

$('#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
})

我有点像一个消息文本框（对讲机，fb等。）。但对于现在希望能够存储输入。我会生成讯息后来。这里的目的是使用javascript。

Answer 1

尝试这样的事情：

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)
});

我无法从单个表单字段中获取输入数组

1 个答案: