У меня есть foreach для получения сообщений в базе данных, Мой код здесь:
<form action="/Send/Message/Reply" method="POST" id="sendReply">
{{csrf_field()}}
<textarea class="text-right" cols="80" rows="5" id="messageReply">
</textarea>
<input type="hidden" value="{{$message->id}}" id="messageId">
<div class="footer text-right">
<button type="submit" class="S-products">Send</button>
</div>
</form>
Теперь я хочу получить идентификатор сообщения и Reply_Content в javascript с помощью axios по этому коду:
(function()
{
document.querySelector('#sendReply').addEventListener('submit',function (e) {
var messageReply = document.querySelector('#messageReply').value;
var messageId = document.querySelector('#messageId').value;
console.log(messageId)
axios.post(this.action,{
'messageReply' : messageReply,
'messageId' : messageId,
'_token': $('input[name=_token]').val()
})
})
})();
Bu я get messageId как Undefined, Как я могу исправить эту проблему?
Я исправил свою проблему с помощью этого кода:
var messageId = document.getElementById('messageId').value;
querySelector('#messageId')
и getElementById('messageId')
- фактически одно и то же, они оба находят первый элемент со значением id messageId
. Вам бы пришлось изменить какой-то другой код, изменить его положение в HTML-документе и т. Д.