我正在尝试将textarea的输入文本打印到控制台。用户将键入一条消息，然后单击一个按钮，然后文本将被打印到控制台上。
这是我的HTML：
<form action='/send_message' method='POST'>
<textarea name='message' id='message_box'></textarea>
<input name='receiver_id' type='text' id='number' style="display: none" value="{{info[0][0]}}">
<button id='btn' class='btn btn-primary' type='submit'>Message {{info[0][2]}}</button>
</form>
这是JS：
var message = $('textarea#message_box').val();
var button = document.getElementById('btn');
button.addEventListener('click',function(){
console.log(message)
});
问题是无论该区域是空的还是包含文本，我在控制台中都会收到一条空消息。我尝试了val（），text，innerHTML的各种组合，但是我几乎总是得到相同的空输出...
单击按钮时，您需要获取textarea的值，以便message在事件侦听器内分配变量。因为我们想获取每次单击按钮时textarea的值。
var button = document.getElementById('btn');
button.addEventListener('click', function() {
var message = $('textarea#message_box').val();
console.log(message)
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句