我如何使用javascript dom操作的输入值提交表单

Question

我想使用javascript DOM操作与textarea值单击提交表单按钮。我有另一个按钮，如果我点击按钮，表单将被提交。

<form class="sendXMPPMessage">
<button type="submit" class="btn send-button fa fa-paper-plane" title="Send the message"></button>
<textarea type="text" class="chat-textarea suggestion-box__input
chat-textarea-send-button
" placeholder="Message" aria-autocomplete="list" spellcheck="false"><!----><!----></textarea>
<span class="suggestion-box__additions visually-hidden" role="status" aria-live="assertive" aria-relevant="additions"></span>

</form>
<button class="submit-message">Submit</button>

Answer 1

您可以这样做。你可以监听.submit-message按钮上的点击事件然后点击之后调用.send-button上的点击方法

document.querySelector('.submit-message').addEventListener('click', () => {
document.querySelector('.send-button').click()
})

<form class="sendXMPPMessage">
<button type="submit" class="btn send-button fa fa-paper-plane" title="Send the message"></button>
<textarea type="text" class="chat-textarea suggestion-box__input
chat-textarea-send-button
" placeholder="Message" aria-autocomplete="list" spellcheck="false"><!----><!----></textarea>
<span class="suggestion-box__additions visually-hidden" role="status" aria-live="assertive" aria-relevant="additions"></span>
</form>
<button class="submit-message">Submit</button>