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

Question

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

<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按钮上收听 click 事件，然后在单击后在.send-button上调用 click 方法

 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>