Simulating Button click in javascript

Question

So what i want to do is when i click on a button  it will pass this click event to another element in webpage  or you can say it will create a new click event in another element  Below is my code  it does not work  please let me know what is wrong with it  it looks make sense      lt  doctype html gt   lt html lang  en  gt   lt head gt   lt meta charset  utf-8    gt   lt link rel  stylesheet  href  http   code jquery com ui 1 10 0 themes base jquery-ui css    gt   lt script src  http   code jquery com jquery-1 8 3 js  gt  lt  script gt   lt script src  http   code jquery com ui 1 10 0 jquery-ui js  gt  lt  script gt   lt link rel  stylesheet  href   resources demos style css    gt   lt script gt    function          datepicker    datepicker            lt  script gt   lt  head gt   lt body gt   lt p gt Date   lt input type  text  id  datepicker  onClick alert  error     gt  lt  p gt   lt button type  button  value  submit  onClick  document getElementById  datepicker   click    gt submit  lt  button gt   lt  body gt   lt  html gt

User · Accepted Answer

Since you are using jQuery you can use this onClick handler which calls click:

$("#datepicker").click()

This is the same as $("#datepicker").trigger("click").

For a jQuery-free version check out this answer on SO.

User · Answer

The reason your code isn t working the way you would expect is because this line     lt button type  button  value  submit  onClick  document getElementById  datepicker   click    gt submit  lt  button gt    should be changed to     lt button type  button  value  submit  onClick  document getElementById  datepicker   focus    gt submit  lt  button gt    There are two things to notice here    1  The  s around datepicker have been changed to  s  so that they do not interfere with the quotes surrounding the onclick event   2  The click   has been changed to focus   to activate the datepicker calendar  When the button is pressed   Now  this fixes your issue   but I do agree with the other posts that using jQuery to access the DOM element and trigger the event is the better way to go  Since you re already doing this for the jQuery datapicker plugin via  lt script src  http   code jquery com jquery-1 8 3 js  gt  lt  script gt   this should not be a problem     Inline events are not recommended

User · Answer

The smallest change to fix this would be to change  onClick  document getElementById  datepicker   click    gt    to  onClick      datepicker   click    gt    click   is a jQuery method  Also  you had a collision between the double-quotes used for the HTML element attribute and those use for the JavaScript function argument

User · Answer

try this  document getElementById  datapicker   addEventListener  submit   function

User · Answer

Use this  jQuery  input second   trigger  click

User · Answer

Or you can use what JQuery alreay made for you   http   jqueryui com datepicker  icon-trigger  It s what you are trying to achieve isn t it

User · Answer

To simulate an event  you could to use trigger JQuery functionnality       foo   on  click   function              alert   this  text                   foo   trigger  click

[javascript] Simulating Button click in javascript

Examples related to javascript