How to pass value from option select to form action

Question

I need to pass a value in option select to action where I have agent id   Can anyone help    lt form method  POST  action  index php action contact agent amp agent id   gt   lt select gt   lt option value  1  gt Agent Homer lt  option gt   lt option value  2  gt Agent Lenny lt  option gt   lt option value  3  gt Agent Carl lt  option gt   lt  select gt

User · Answer

instead of trying to catch both POST and GET responses - you can have everything you want in the POST.

Your code:

<form method="POST" action="index.php?action=contact_agent&agent_id=">
  <select>
    <option value="1">Agent Homer</option>
    <option value="2">Agent Lenny</option>
    <option value="3">Agent Carl</option>
  </select>
</form>

can easily become:

<form method="POST" action="index.php">
  <input type="hidden" name="action" value="contact_agent">
  <select name="agent_id">
    <option value="1">Agent Homer</option>
    <option value="2">Agent Lenny</option>
    <option value="3">Agent Carl</option>
  </select>
  <button type="submit">Submit POST Data</button>
</form>

then in index.php - these values will be populated

$_POST['action'] // "contact_agent"
$_POST['agent_id'] // 1, 2 or 3 based on selection in form...

User · Answer

you can simply use your own code but add name for the select tag   lt form method  POST  action  index php action contact agent amp agent id   gt       lt select name  agent id  gt           lt option value  1  gt Agent Homer lt  option gt           lt option value  2  gt Agent Lenny lt  option gt           lt option value  3  gt Agent Carl lt  option gt       lt  select gt    then you can access it like this  String agent request getparameter  agent id

User · Answer

with jQuery   html      lt form method  POST  name  myform  action  index php action contact agent amp agent id    onsubmit  SetData    gt     lt select name  agent  id  agent  gt       lt option value  1  gt Agent Homer lt  option gt       lt option value  2  gt Agent Lenny lt  option gt       lt option value  3  gt Agent Carl lt  option gt     lt  select gt   lt  form gt    jQuery         form   submit function         this  attr  action    this  attr  action       agent   val          this  submit          javascript      function SetData       var select   document getElementById  agent       var agent id   select options select selectedIndex  value     document myform action    index php action contact agent amp agent id   agent id     or  getAttribute  action      myform submit

User · Answer

You don t have to use jQuery or Javascript   Use the name tag of the select and let the form do it s job    lt select name  agent id  id  agent id  gt

User · Answer

Like  Shoaib answered  you dont need any jQuery or Javascript  You can to this simply with pure html     lt form method  POST  action  index php action contact agent  gt     lt select name  agent id  required gt       lt option value  1  gt Agent Homer lt  option gt       lt option value  2  gt Agent Lenny lt  option gt       lt option value  3  gt Agent Carl lt  option gt     lt  select gt     lt input type  submit  value  Submit  gt   lt  form gt     Remove  amp agent id  from form action since you don t need it there  Add name  agent id  to the select Optionally add word required do indicate that this selection is required    Since you are using PHP  then by posting the form to index php you can catch agent id with   POST      Since you reference action on  form action  then value of   GET  action   will be contact agent     action     GET  action         Value of   POST  agent id   will be selected option value     agent id     POST  agent id       As conclusion for such a simple task you should not use any javascript or jQuery  To  FelipeAlvarez that answers your comment

[html] How to pass value from <option><select> to form action

Examples related to html

Examples related to forms

Examples related to submit

Examples related to action

Examples related to form-submit