How can I set the form action through JavaScript

Question

I have an HTML form whose action should be set dynamically through JavaScript  How do I do it  Here is what I am trying to achieve   lt script type  quot text javascript quot  gt      function get action        Inside script tags         return form action         lt  script gt    lt form action get action   gt           lt  form gt

User · Answer

Actually  when we want this  we want to change the action depending on which submit button we press  Here you do not need even assign name or id to the form  Just use the form property of the clicked element   lt form action    quot  default page quot   gt       lt input type submit onclick  this form action  quot  this page quot    value  quot Save quot  gt       lt input type submit onclick  this form action  quot  that page quot    value  quot Cancel quot  gt   lt  form gt

User · Answer

Plain JavaScript   document getElementById  form id   action    Will retrieve it  document getElementById  form id   action    script php     Will set it   Using jQuery         form id   attr  action      Will retrieve it      form id   attr  action     script php      Will set it

User · Answer

Change the action URL of a form    lt form id  quot myForm quot  action  quot  quot  gt         lt button onclick  quot changeAction   quot  gt Try it lt  button gt     lt  form gt     lt script gt       function changeAction               document getElementById  quot myForm quot   action    quot url action page php quot            lt  script gt

User · Answer

You cannot invoke JavaScript functions in standard HTML attributes other than onXXX  Just assign it during window onload    lt script type  text javascript  gt      window onload   function             document myform action   get action               function get action             return form action         lt  script gt    lt form name  myform  gt           lt  form gt    You see that I ve given the form a name  so that it s easily accessible in document   Alternatively  you can also do it during submit event    lt script type  text javascript  gt      function get action form            form action   form action         lt  script gt    lt form onsubmit  get action this    gt           lt  form gt

User · Answer

document forms 0  action  http             assuming it is the first form on the page

User · Answer

Do as Rabbott says  or if you refuse jQuery    lt script type  text javascript  gt  function get action        inside script tags   return form action     lt  script gt    lt form action    onsubmit  this action get action     gt       lt  form gt

User · Answer

Setting form action after selection of option using JavaScript  lt script gt      function onSelectedOption sel            if   sel selectedIndex     0                document getElementById  quot edit quot   action                quot http   www example co uk index php quot               document getElementById  quot edit quot   submit                      else                       document getElementById  quot edit quot   action                quot http   www example co uk different php quot               document getElementById  quot edit quot   submit                     lt  script gt    lt form name  quot edit quot  id  quot edit quot  action  quot  quot  method  quot GET quot  gt       lt input type  quot hidden quot  name  quot id quot  value  quot  ID  quot    gt   lt  form gt    lt select name  quot option quot  id  quot option quot  onchange  quot onSelectedOption this   quot  gt       lt option name  quot contactBuyer quot  gt Edit item lt  option gt       lt option name  quot relist quot  gt End listing lt  option gt   lt  select gt

User · Answer

Very easy solution with jQuery       myFormId   attr  action    myNewActionTarget html      Your form    lt form action get action   id  myFormId  gt       lt  form gt

[javascript] How can I set the form action through JavaScript?

Examples related to javascript

Examples related to html

Examples related to forms