Link to home
Start Free TrialLog in
Avatar of burnedfaceless
burnedfaceless

asked on

How to pass JavaScript generated HTML text form values to PHP?

I am trying to pass the generated form's values into PHP, so I can find the Least Common Denominator and Greatest Common Factor.

Any suggestions would be welcome, am looking for JavaScript, not jQuery.

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Find the Greatest Common Factor and Least Common Denominator for three numbers</title>
  <script>
	
		  	
	function generateHTML(number) {
      var master_markup = '<h3>Enter ' + number + ' numbers to find the Greatest Common Factor and Least Common Denominator.<br><br>';
      var html1 = '<input name="number';
      var html2 = '" type="text" size="3" id="number';
      var html3 = '">';
      var submit_button = '<input type="submit" value="submit">';
      var i = 1; 
      while (i <= number) {
	    master_markup += html1 + i + html2 + i + html3;
	    if (i == number) {
		  master_markup += submit_button;
	    }
	    i++;
      }
      return master_markup;
	}  
	  
    function generateForm() {
	    var number = document.getElementById('number');
	     number_value = number.value;
		 return number_value;
    }
    
    function master(){
	    var number = generateForm();
	    if (2 > number) {
		  alert('The number must be two (2) or higher');
	    }
	    else if (number>10) {
		    alert('The number must be less than 11');
	    }
	    else if (number >=2) {
		  var html = generateHTML(number);
		  document.getElementById('contentArea').innerHTML = html;
	    }
    }
  
  </script>
</head>

<body>
  <form name="theform" id="theform">
	<div id="contentArea">
      <h3>How many numbers do you want to evaluate</h3>
      <input name="number" type="text" size="3" id="number">
      <button type="button" onclick="master()">Click Here</button>
	</div> 
  </form>
</body>
</html>

Open in new window

Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Why not just make the action attribute of the form point to the php script
<form name="theform" id="theform" action="YourScript.php">

Open in new window


The first form button click goes to a JavaScript function - which generates the second - so the submit in the second form will fire the form off to the backend script.

Take a look at the example below that uses your code and the concept above to send the second form to a reflection script

http://www.marcorpsa.com/ee/t2136.html
Avatar of burnedfaceless
burnedfaceless

ASKER

Thank you can you post the PHP to do this?

Normally I would use $_POST['name'], but what confuses me is you just have an array, so I don't think you are setting ten different variables then checking if null.
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks
You are welcome.