JavaScript how to change form action attribute value based on selection

Question

I m trying to change the form action based on the selected value from a dropdown menu   Basically  the HTML looks like this    lt form class  search-form  id  search-form  method  post  accept-charset  UTF-8  action   search user  gt   lt select id  selectsearch  class  form-select  name  selectsearch  gt   lt option value  people  gt Search people lt  option gt   lt option value  node  gt Search content lt  option gt   lt  select gt    lt label gt Enter your keywords   lt  label gt    lt input type  text  class  form-text  value    size  40  id  edit-keys  name  keys  maxlength  255    gt    lt input type  submit  class  form-submit  value  Search  id  edit-submit  name  search   gt   lt  form gt    If  people  is selected   which it is by default   the action should be   search user   and if content is selected  the action should be   search content   I m still searching around  but haven t been able to find out how to do this

User · Accepted Answer

selectsearch   change function       var action     this  val       people     user     content         search-form   attr  action     search     action

User · Answer

If you only want to change form s action  I prefer changing action on-form-submit  rather than on-input-change  It fires only once       search-form   submit function      var formAction       selectsearch   val       people     user     content         search-form   attr  action     search     formAction

User · Answer

It s better to use      search-form   setAttribute  action     controllerName actionName      rather than       search-form   attr  action     controllerName actionName      So  based on trante s answer we have       search-form   submit function         var formAction       selectsearch   val       people     user     content           search-form   setAttribute  action     search     formAction          Using setAttribute can save you a lot of time potentially

User · Answer

Simple and easy in javascipt    lt script gt     document getElementById  selectsearch   addEventListener  change   function       var get form     document getElementById  search-form      get form    get form action      search      this value     assign value         lt  script gt

User · Answer

Is required that you have a form  If not  then you could use this    lt div gt       lt input type  hidden  value  ServletParameter    gt       lt input type  button  id  callJavaScriptServlet  onclick  callJavaScriptServlet      gt   lt  div gt    with the following JavaScript   function callJavaScriptServlet         this form action    MyServlet       this form submit

[jquery] JavaScript: how to change form action attribute value based on selection?

Examples related to jquery

Examples related to forms

Examples related to dynamic

Examples related to action