How can I submit form using javascript dom manipulation with input value

Question

I want to click the submit form button using javascript DOM manipulation with the textarea value. I have another button if I click on the button the form will be submitted.

<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>

Pratik Wadekar · Accepted Answer · 2022-07-20 06:36:30Z

1

You could do this. You can listen to click event on .submit-message button and then once that is clicked call click method on .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>

answered Jul 20, 2022 at 6:36

Pratik Wadekar

1,2749 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anik Ahmed fathe Over a year ago

Thank you to send a message automatically we can do like this document.querySelector(".chat-textarea").value = "abcd"

Collectives™ on Stack Overflow

How can I submit form using javascript dom manipulation with input value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related