post javascript variable and selectlist value simultaneously to php file

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?
geoffcolesAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Barry JonesConnect With a Mentor Commented:

<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
 
Barry JonesCommented:
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
 
Barry JonesCommented:
Actually you dont need the line frm.submit() in the above code..
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
profyaCommented:
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
 
profyaCommented:
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
 
geoffcolesAuthor Commented:
Thanks so much for this solution!
0
All Courses

From novice to tech pro — start learning today.