Improve company productivity with a Business Account.Sign Up

x
?
Solved

post javascript variable and selectlist value simultaneously to php file

Posted on 2009-07-15
6
Medium Priority
?
220 Views
Last Modified: 2012-05-07
I have an html form with a select list and a submit button. I want to pass both the select list value and a separate javascript variable to the same php file simultaneously on the click of the submit button. Can anyone point me in the right direction?
0
Comment
Question by:geoffcoles
  • 3
  • 2
6 Comments
 
LVL 12

Expert Comment

by:Barry Jones
ID: 24858572
Use the form onsubmit handler to set a hidden form input elements' value to that of the javascript variable before posting.  See code below (untested):
<script type="text/javascript">
  fnPostForm = function(){
    var frm = document.getElementById("frmThis");
    var js_var = document.getElementById("js_variable");
    js_var.value = my_javascript_variable;
    frm.submit();
    return true;
  }
</script>
 
<form id="frmThis" action="script.php" method="post" onsubmit="return fnPostForm();">
  <fieldset>
    <input id="js_variable" name="js_variable" value="" />
    ...
      Other form fields, selects etc
    ...
    <input type="submit" id="cmdSubmit" value="Submit" />
  </fieldset>
</form>

Open in new window

0
 
LVL 12

Expert Comment

by:Barry Jones
ID: 24858584
Actually you dont need the line frm.submit() in the above code..
0
 
LVL 12

Accepted Solution

by:
Barry Jones earned 1000 total points
ID: 24858590

<script type="text/javascript">
  fnPostForm = function(){
    document.getElementById("js_variable").value = my_javascript_variable;
    return true;
  }
</script>
 
<form id="frmThis" action="script.php" method="post" onsubmit="return fnPostForm();">
  <fieldset>
    <input id="js_variable" name="js_variable" value="" />
    ...
      Other form fields, selects etc
    ...
    <input type="submit" id="cmdSubmit" value="Submit" />
  </fieldset>
</form>

Open in new window

0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 14

Expert Comment

by:profya
ID: 24858902
Try this simple code:
</script>
<form mathod="post" action="target.php" name="form1" onsubmit="return function1();">
<select name="select1">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="hidden" name="myvar" >
<input type="submit" value="submit">
</form>

Open in new window

0
 
LVL 14

Expert Comment

by:profya
ID: 24858911
Sorry,
<script type="text/javascript">
function function1()
{
	document.forms[0].elements['myvar'].value="new value";
	return true;
}
</script>
<form mathod="post" action="target.php" name="form1" onsubmit="return function1();">
<select name="select1">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="hidden" name="myvar" >
<input type="submit" value="submit">
</form>

Open in new window

0
 

Author Closing Comment

by:geoffcoles
ID: 31603682
Thanks so much for this solution!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
I recently worked on a Wordpress site that utilized the popular ContactForm7 (https://contactform7.com/) plug-in that only sends an email and does not save data. The client wanted the data saved to a custom CRM database. This is my solution.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

579 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question