Trouble transferring data from drop down box to next page

SeanWoods

I will be honest. I am totally new to PHP but have been getting along with help from great people on these forums.

I am having trouble transferring the options that someone selects from the drop down boxes on this page: http://grammarperfection.com/checkout.php and having these options populate in the coordinating places on this page: http://grammarperfection.com/confirmorder.php

In case you need to look at the php for the first page (http://grammarperfection.com/checkout.php), here it is:

<?

$serv = $_GET['serv']; // retrieves the data and creates a variable called $serv
$words = $_GET['words']; // as above

$servvalue = $serv; // creating a value to go in the drop down box..

if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="selected"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="selected"';
}


if($serv == 3)
{
$serv = "Overnight - 1 Day/24 Hour Return - $9.00 Per Page";
$opt3 = ' selected="selected"';
}

?>

<select name="select">
<option value="1"<?php echo $opt1?>>Standard - 3 Day/72 Hour Return - $5.00 Per Page</option>
<option value="2"<?php echo $opt2?>>Expedite - 2 Day/48 Hour Return - $7.50 Per Page</option>
<option value="3"<?php echo $opt3?>>Overnight - 1 Day/24 Hour Return - $9.00 Per Page</option>

<input type="text" name="txtWordCount" size="20" maxlength="20" value="<? echo $words; ?>">

SeanWoods

I was told that I need to start out using the $POST variable, rather than the $GET variable.

Am I on the right track for the part that goes above the HTML?

<?

$serv = $_POST['serv']; // retrieves the data and creates a variable called $serv

$servvalue = $POST; // creating a value to go in the drop down box..

if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="selected"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="selected"';
}

NogDog

I might use an array to control things:

<?php
$serviceOptions = array(
   1 => "Standard - 3 Day/72 Hour Return - $5.00 Per Page",
   2 => "Expedite - 2 Day/48 Hour Return - $7.50 Per Page",
   3 => "Overnight - 1 Day/24 Hour Return - $9.00 Per Page"
);

// note that $_POST index must exactly match name of form element:
$serviceSelection = (int) $_POST['select']; // filter input to make sure it's an integer
if(!isset($serviceOptions[$serviceSelection]))
{
   $serviceSelection = 1; // set a default value in case of invalid selection
}
// create pre-filled select element:
echo "<select name='select'>\n";
foreach($serviceOptions as $key => $value)
{
   $selected = '';
   if($key == $serviceSelection) // same as what user selected
   {
      $selected = " selected='selected'";
   }
   echo "<option value='$key'$selected>$value</option>\n";
}
echo "</select>\n";

SeanWoods

Thanks for the help. I was able to make the options from the 1st drop down box transfer to the next page. This was accomplished by inputting the entire code that was suggested in the table where I want the info to appear. The only thing is that I would rather it show only the option selected from the previous page, not another drop down box. I would like this to be more of a confirm page, rather than to allow the user to make selections again.

I am also having trouble modifying the code to work for my other 2 drop down boxes.

I am not sure if I add to the array, or to re-write the array or what. I tried copying the entire code in the spot where the input should appear for the 2nd drop down box (with changing the options to match this drop down box rather than the original) but that didn't work.

Do I make a new array?

$serviceOptions = array(
   1 => "Standard - 3 Day/72 Hour Return - $5.00 Per Page",
   2 => "Expedite - 2 Day/48 Hour Return - $7.50 Per Page",
   3 => "Overnight - 1 Day/24 Hour Return - $9.00 Per Page",
   4 => "High School",
   5 => "College - Under Graduate",
   6 => "College - Post Graduate",
   7 => "Website",
   8 => "Business"
   9 => "Other"
);

Or add on to the one for the other drop down box. I am still unsure what parts needs to stay at the top above the html, and which part goes into my table.

NogDog

For what I was suggesting, the array indexes (1, 2, 3,...) need to match the value being sent by the applicable form element. Most likely you'll want a separate array for each different element. In the cases of the other select elements, you have the value the same as the displayed text, so a numerical index won't really have any meaning.

SeanWoods

I found one thing I was doing wrong. I copied and pasted the code for my first option and left the word "service" in on each one ($serviceOptions, etc) rather than a new word. I changed that on my other two, but am still having trouble. On http://grammarperfection.com/checkout.php when someone chooses the service option they want, that option populates on the next page in the right spot, but the other two drop down box selections do not transfer. On http://grammarperfection.com/confirmorder.php it seems to pick an option at random from the previously selected options on the previous page (only for "level of work" and "writing format."

Lastly, the second page should no longer have drop down boxes anymore, but that seems to be the least of my worries right now.

<?php
$serviceOptions = array(
   1 => "Standard - 3 Day/72 Hour Return - $5.00 Per Page",
   2 => "Expedite - 2 Day/48 Hour Return - $7.50 Per Page",
   3 => "Overnight - 1 Day/24 Hour Return - $9.00 Per Page"
   );


// note that $_POST index must exactly match name of form element:
$serviceSelection = (int) $_POST['select']; // filter input to make sure it's an integer
if(!isset($serviceOptions[$serviceSelection]))
{
   $serviceSelection = 1; // set a default value in case of invalid selection
}

// create pre-filled select element:
echo "<select name='select'>\n";
foreach($serviceOptions as $key => $value)
{
   $selected = '';
   if($key == $serviceSelection) // same as what user selected
   {
      $selected = " selected='selected'";
   }
   echo "<option value='$key'$selected>$value</option>\n";
}
echo "</select>\n";
?>

<?php
$levelOptions = array(
   1 => "High School",
   2 => "Admission",
   3 => "College - Under Graduate",
   4 => "College - Post Graduate",
   5 => "Website",
   6 => "Business",
   7 => "Other"
   );


// note that $_POST index must exactly match name of form element:
$levelSelection = (int) $_POST['select']; // filter input to make sure it's an integer
if(!isset($levelOptions[$levelSelection]))
{
   $levelSelection = 1; // set a default value in case of invalid selection
}

// create pre-filled select element:
echo "<select name='select'>\n";
foreach($levelOptions as $key => $value)
{
   $selected = '';
   if($key == $levelSelection) // same as what user selected
   {
      $selected = " selected='selected'";
   }
   echo "<option value='$key'$selected>$value</option>\n";
}
echo "</select>\n";
?>

<?php
$formatOptions = array(
   1 => "MLA",
   2 => "AP",
   3 => "N/A"
      );


// note that $_POST index must exactly match name of form element:
$formatSelection = (int) $_POST['select']; // filter input to make sure it's an integer
if(!isset($formatOptions[$formatSelection]))
{
   $formatSelection = 1; // set a default value in case of invalid selection
}

// create pre-filled select element:
echo "<select name='select'>\n";
foreach($formatOptions as $key => $value)
{
   $selected = '';
   if($key == $formatSelection) // same as what user selected
   {
      $selected = " selected='selected'";
   }
   echo "<option value='$key'$selected>$value</option>\n";
}
echo "</select>\n";
?>

SeanWoods

I think I have to move part of the code to be above the HTML, but when I do, I get an error message. Any ideas on what I am doing wrong?

SeanWoods

Can someone tell me if it is wrong to add separate variable options and continue where I left off from the options that I gave a separate drop down box?

This may be confusing, but options 1-3 refer to the possible selections for one drop down box, options 4-10 refer to the the possible selections for another drop down box. Or should I start over with 1-4 rather than using 4-10?

Also, do I have to put this in its own <? ?>, or can I just add it in the existing one?

Thanks!

<?

$serv = $_GET['serv']; // retrieves the data and creates a variable called $serv
$words = $_GET['words']; // as above

$servvalue = $serv; // creating a value to go in the drop down box..

if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="selected"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="selected"';
}


if($serv == 3)
{
$serv = "Overnight - 1 Day/24 Hour Return - $9.00 Per Page";
$opt3 = ' selected="selected"';
}

// New code below which refers to the 2nd drop down box - Level of Work

$level = $_GET['lev']; 


if($lev == 4)
{
$lev = "High School";
$opt4 = ' selected="level"';
}


if($lev == 5)
{
$lev = "College - Admission";
$opt5 = ' selected="level"';
}


if($lev == 6)
{
$lev = "College - Under Graduate";
$opt6 = ' selected="level"';
}


if($lev == 7)
{
$lev = "College - Post Graduate";
$opt7 = ' selected="level"';
}

if($lev == 8)
{
$lev = "Website";
$opt8 = ' selected="level"';
}

if($lev == 9)
{
$lev = "Business";
$opt9 = ' selected="level"';
}

if($lev == 10)
{
$lev = "Other";
$opt10 = ' selected="level"';
}

?>

schwim

Hi there Sean,

I think that perhaps(unless I'm misunderstanding your problem), you're over-thinking your dilemma.

Your HTML form doesn't have to contain any PHP. It of course can, if you need some dynamically generated content in the form. The php is pretty much the star of the show for the processing of the form, but for the form itself, it's completely optional.

Your select box can be written as any other select box would, then you receive the value on the other end:

$value = $_POST['value'];

Then of course, you can handle assigning an attribute to the selection any way you wish, and at any time along the processing stage:

if($value = '1'){

 //do this:

$value_attribute = 'Dandy Warhol winter socks';

}

The only thing that requires a bit of thinking are checkboxes, as they aren't set unless they're used, so you handle them via an ISSET/!ISSET method, but the rest of the form processing is pretty straight forward.

Again, if I'm misunderstanding your problem, I'm sorry for wasting the page space.

🙂
json

SeanWoods

So, if I understand you correctly, rather than have all the code I currently have (at the bottom of this post), can I just put:

if($value = '1'){ 

//do this: 

$value_attribute = 'Dandy Warhol winter socks'; 

} 

if($value = '2'){ 

//do this: 

$value_attribute = 'Dandy Warhol summer socks'; 

}

if($value = '3'){ 

//do this: 

$value_attribute = 'Dandy Warhol black socks'; 

}

etc. etc.

and put that on my second page to post the selection made on the previous page?

OK, I was able to make some progress last night after my post. I was able to take the selection made in 2 of the drop down boxes on http://www.grammarperfection.com/checkout.php (the first 2) and transfer that selection to the confirmation page. http://www.grammarperfection.com/confirmorder.php

What I am running into is that on this second page, I do not want another drop down box. I would only like the single selection made on the previous page to be shown in the table next to the related spot.

Here is the code for one of the selections which accidently creates a drop down box, when it should only post the single selection. All I need is to convert this from making it another drop down box, to showing only the selection made on the previous page.

Thanks for the feedback so far!

                    <?php
$serviceOptions = array(
   1 => "Standard - 3 Day/72 Hour Return - $5.00 Per Page",
   2 => "Expedite - 2 Day/48 Hour Return - $7.50 Per Page",
   3 => "Overnight - 1 Day/24 Hour Return - $9.00 Per Page"
   );


// note that $_POST index must exactly match name of form element:
$serviceSelection = (int) $_POST['select']; // filter input to make sure it's an integer
if(!isset($serviceOptions[$serviceSelection]))
{
   $serviceSelection = 1; // set a default value in case of invalid selection
}

// create pre-filled select element:
echo "<select name='select'>\n";
foreach($serviceOptions as $key => $value)
{
   $selected = '';
   if($key == $serviceSelection) // same as what user selected
   {
      $selected = " selected='selected'";
   }
   echo "<option value='$key'$selected>$value</option>\n";
}
echo "</select>\n"; 
?>

schwim

Hi there again Sean,

That's what I'm saying. What you can do with form data is endless. However getting the submitted info from the end user is kind of like the light bulb. It hasn't changed much since it's inception. There can most definitely be dynamically generated form content, but from what I understand, that's not what you're looking for, but instead you're looking to do stuff on the processing end.

If you want to check out some ridiculous things you can do with a form, download this script, which was a feature rich on-line employment application I wrote for someone. You can see it in it's various parts; the submission, the processing/validation and the delivery.

That's got examples of every kind of form element you can think of as well as dynamic generation of previously entered data, so I think you will find it to be of some value.

thanks,
json

bradgrafelman

SeanWoods;10909400 wrote:
So, if I understand you correctly, rather than have all the code I currently have (at the bottom of this post), can I just put:
if($value = '1'){ 

//do this: 

$value_attribute = 'Dandy Warhol winter socks'; 

} 

if($value = '2'){ 

//do this: 

$value_attribute = 'Dandy Warhol summer socks'; 

}

if($value = '3'){ 

//do this: 

$value_attribute = 'Dandy Warhol black socks'; 

}

etc. etc.

You could, but definitely shouldn't, since you're using the wrong operator in all of those if() statements. 😉

schwim

He's right, but unfortunately neglected to tell you why.

The proper format would be:

if($value == '1'){

Note the double equals sign. One equals sign sets the value, two checks if it is equal.

As I had written it mistakenly, it would have set the value instead of checking it.

SeanWoods

It's probably only a minor problem, but I can't get anything to post.

Here is the php on the page which relates to the 1st drop down box. This is the page where the person makes their selection from the drop down box: http://grammarperfection.com/checkout.php

<?

$serv = $_GET['serv']; // retrieves the data and creates a variable called $serv
$words = $_GET['words']; // as above

$servvalue = $serv; // creating a value to go in the drop down box..

if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="timeframe"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="timeframe"';
}


if($serv == 3)
{
$serv = "Overnight - 1 Day/24 Hour Return - $9.00 Per Page";
$opt3 = ' selected="timeframe"';
}
?

//below is what populates the drop down box

<select name="selectTimeframe">
<option value="1"<?php echo $opt1?>>Standard - 3 Day/72 Hour Return - $5.00 Per Page</option>
<option value="2"<?php echo $opt2?>>Expedite - 2 Day/48 Hour Return - $7.50 Per Page</option>
<option value="3"<?php echo $opt3?>>Overnight - 1 Day/24 Hour Return - $9.00 Per Page</option>
</select>

On a positive note, the drop down box is no longer on this second page 🙂 http://grammarperfection.com/confirmorder.php

I wasn't able to get the code you gave me to work, so I thought I may have to change the wording to match the code on the previous page, but am getting the same result.

<? 
if($serv == 1){

//do this: 

$serv = 'Standard - 3 Day/72 Hour Return - $5.00 Per Page'; 

} 

if($serv == 2){ 

//do this: 

$serv = 'Expedite - 2 Day/48 Hour Return - $7.50 Per Page';

}

if($serv == 3){ 

//do this: 

$serv = 'Overnight - 1 Day/24 Hour Return - $9.00 Per Page'; 

}

 ?>

schwim

Hi there Sean,

If I remember correctly, you said earlier that you changed your form method to 'POST'. If that's the case, then:

$serv = $_GET['serv']; // retrieves the data and creates a variable called $serv
$words = $_GET['words']; // as above

Should actually be:

$serv = $_POST['serv']; // retrieves the data and creates a variable called $serv
$words = $_POST['words']; // as above

Just remember that POST means the data is hidden and GET means you can see the values in the URL: http://www.domain.com/forum/post.php?id=1 is an example of a variable being passed via the GET method. If you're not seeing that in your URL, then you can be sure that you want to retrieve the vars from $_POST.

tahnks,
json

SeanWoods

OK. I told myself I wasn't going to ask for help again until I put an in honest effort on trying to find the problem myself. I have read online about writing php code and have changed my code at least 20 times trying to get this to work spending HOURS doing both.

Out of desperation, I am left to just post all the code from both pages and hopefully someone who knows better than I do, can tell me what is wrong.

If I can get the selection chosen from just one of the drop down boxes from this page http://www.grammarperfection.com/checkout.php to populate properly on this page: http://www.grammarperfection.com/confirmorder.php, I feel I can figure out what is going on and do the other two drop down boxes myself.

Page 1: http://www.grammarperfection.com/checkout.php - I am focusing on the drop down box labeled: Service Option - I want the selection to be sent to the other page and put in the proper place.

Note: The drop down box on this page is populated from a selection made from another page on the site and it works fine.

//This is directly before the html
<?

$serv = $_GET['serv']; // retrieves the data and creates a variable called $serv
$words = $_GET['words']; // as above

$servvalue = $serv; // creating a value to go in the drop down box..

if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="selected"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="selected"';
}


if($serv == 3)
{
$serv = "Overnight - 1 Day/24 Hour Return - $9.00 Per Page";
$opt3 = ' selected="selected"';
}

?> 

//This part below is what creates the drop down box

<select name="select">
<option value="1"<?php echo $opt1?>>Standard - 3 Day/72 Hour Return - $5.00 Per Page</option>
<option value="2"<?php echo $opt2?>>Expedite - 2 Day/48 Hour Return - $7.50 Per Page</option>
<option value="3"<?php echo $opt3?>>Overnight - 1 Day/24 Hour Return - $9.00 Per Page</option>

Page 2: http://www.grammarperfection.com/confirmorder.php - On this page, I want the selection chosen from the drop down box (Service Option) on the previous page to be listed next to Service Option on this page.


//Code directly above the html
<?

$serv = $_POST['serv']; // retrieves the data and creates a variable called $serv
$words = $_POST['words']; // as above

$servvalue = $serv; // creating a value to go in the drop down box..

if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="selected"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="selected"';
}


if($serv == 3)
{
$serv = "Overnight - 1 Day/24 Hour Return - $9.00 Per Page";
$opt3 = ' selected="selected"';
}

?>

//Code below which should reference the option selected on the drop down box from previous page and post that option

<?                 

 if($serv == 1)
{
$serv = "Standard - 3 Day/72 Hour Return - $5.00 Per Page";
$opt1 = ' selected="selected"';
}


if($serv == 2)
{
$serv = "Expedite - 2 Day/48 Hour Return - $7.50 Per Page";
$opt2 = ' selected="selected"';
}


if($serv == 3)
{
$serv = "Overnight - 1 Day/24 Hour Return - $9.00 Per Page";
$opt3 = ' selected="selected"';
}

?>

schwim

Hi there Sean,

Looking at your code, it seems to me that your problem isn't related to PHP in this case.

You're having problems getting the value of $serv, which is derived from $_POST['serv'].

However, on doing a search through your page source on your form, I don't see anywhere in the form that serv is used. There's no form element with the name of "serv".

Try changing:

<select name="select">
<option value="1"<?php echo $opt1?>>Standard - 3 Day/72 Hour Return - $5.00 Per Page</option>
<option value="2"<?php echo $opt2?>>Expedite - 2 Day/48 Hour Return - $7.50 Per Page</option>
<option value="3"<?php echo $opt3?>>Overnight - 1 Day/24 Hour Return - $9.00 Per Page</option>

 
<select name="select">
<option value="1"<?php echo $opt1?>>Standard - 3 Day/72 Hour Return - $5.00 Per Page</option>
<option value="2"<?php echo $opt2?>>Expedite - 2 Day/48 Hour Return - $7.50 Per Page</option>
<option value="3"<?php echo $opt3?>>Overnight - 1 Day/24 Hour Return - $9.00 Per Page</option>

And then try retrieving a value from $_GET['serv']. Let us know if that works any better for you.

thanks,
json

SeanWoods

The drop down box selection is populated from a selection made on the page before that http://grammarperfection.com/cost.html.

By the way, I changed the cost you asked me to in the last post. Was it different? I might be missing something, but it looks the same.

Is this what you were looking for?

function goToCheckout(serviceOption){
         var numWords = document.quickcalculator.txtWordCount.value;
         var checkoutUrl = "/checkout.php?";         

     window.location.href = checkoutUrl + "serv=" + serviceOption + "&words=" + numWords;
  }

and

<td class="pagetext"> Standard - 3 Day/72 Hour Return - $5.00 Per Page </td>
              <td><input type="text" name="txtStandardEst" size="20" maxlength="20" />
              </td>
              <td><input type="button" value="Quick Checkout" name="btnCheckout" onclick="goToCheckout(1)" />
              </td>
            </tr>
            <tr>
              <td class="pagetext"> Expedite - 2 Day/48 Hour Return - $7.50 Per Page </td>
              <td><input type="text" name="txtExpediteEst" size="20" maxlength="20" />
              </td>
              <td><input type="button" value="Quick Checkout" name="btnCheckout" onclick="goToCheckout(2)" />
              </td>
            </tr>
            <tr>
              <td class="pagetext"> Overnight - 1 Day/24 Hour Return - $9.00 Per Page </td>
              <td><input type="text" name="txtOvernightEst" size="20" maxlength="20" />
              </td>
              <td><input type="button" value="Quick Checkout" name="btnCheckout" onclick="goToCheckout(3)" />

You may not need this, but here is the code for the entire page before the page with the drop down box (had to cut some of the stuff out the the beginning to make it fit):

</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<div id="logo"><a href="index.html"><img src="Images/grammar-perfection-proofreading-and-editing-service.jpg" alt="Grammar Perfection we catch what spell check misses" width="620" height="172" /></a></div>
<div id="navigation"><a href="index.html">Home</a> | <a href="submitdocument.html">Submit Document</a> | <a href="guarantee.html">100% Guarantee</a> | <a href="examplesofwork.html">Example of Our Work</a> | <a href="faq.html">FAQ</a> | <a href="recommendafriend.html">Get 1/2 Off Your Next Order</a> | <a href="cost.html">Cost</a></div>
<div id="wrapper">
      <div id="bodyArea">
        <div id="left">
          <h5><a href="index.html"><img src="Images/grammar-perfection-home-icon.jpg" alt="Home for proofreading and editing "class="img" longdesc="../index.html" /><br />
        Home</a></h5>
          <h5><a href="submitdocument.html"><img src="Images/submit-your-document-for-proofreading-editing-icon.jpg" alt="Submit your document for editing and proofreading" name="icons" id="icons" /><br />
        Submit Document</a></h5>
    <h5><a href="guarantee.html"><img src="Images/satisfaction-guaranteed-icon.jpg" alt="We guarantee our proofreading and editing or your money back!" name="icons" id="icons" /><br />
        100% Guarantee!</a></h5>
    <h5><a href="examplesofwork.html"><img src="Images/example-of-what-grammar-perfection-does.jpg" alt="View an example of our proofreading and editing" name="icons" id="icons" /><br />
        Example of Our Work</a></h5>
    <h5><a href="faq.html"><img src="Images/frequently-asked-questions-about-proofreading-editing.jpg" alt="Frequently asked questions about our proofreading and editing service" name="icons" id="icons" /><br />
        Frequently Asked Questions</a></h5>
    <h5><a href="recommendafriend.html"><img src="Images/proofreding-editing-discount.jpg" alt="Get half off your next proofreading and editing service" name="icons" id="icons" /><br />
        Get 1/2 Off Your Next Order!</a></h5>
    <h5><a href="cost.html"><img src="Images/cost-for-proofreading-editing-service.jpg" alt="How much does it cost for proofreading and editing" name="icons" id="icons" /><br />
        How Much Does it Cost?</a></h5>
        </div>
        <div id="right">              <!-- InstanceBeginEditable name="Main Area" -->
   <script language="JavaScript">
      function countit(){
         var formcontent=document.wordcount.wordcount2.value
         formcontent=formcontent.split(" ")
         document.wordcount.wordcount3.value=formcontent.length
         document.quickcalculator.txtWordCount.value = formcontent.length;
      }
      function quickcalc(){
         var numWords = document.quickcalculator.txtWordCount.value;
         var costEstimate;
         var numPages = Math.ceil(numWords/300);

     // Standard Cost Estimate
     costEstimate = numPages*5.00;
     document.estimates.txtStandardEst.value = "$" + costEstimate.toFixed(2);
     // Expedite Cost Estimate
     costEstimate = numPages*7.50;
     document.estimates.txtExpediteEst.value = "$" + costEstimate.toFixed(2);
     // Overnight Cost Estimate
     costEstimate = numPages*9.00;
     document.estimates.txtOvernightEst.value = "$" + costEstimate.toFixed(2);

     // Display the estimate table.
     document.getElementById("tblEstimates").style.display = "block";

  }
  function goToCheckout(serviceOption){
     var numWords = document.quickcalculator.txtWordCount.value;
     var checkoutUrl = "/checkout.php?";         

     window.location.href = checkoutUrl + "serv=" + serviceOption + "&words=" + numWords;
  }
   </script>
   <script type ="text/javascript" src="/scripts/header.js"></script>
   <table width="620" border="0" align="center" cellpadding="2" cellspacing="2">
    <tr>
      <td class="pagetext"><h1>How much does it cost?</h1>
         <h2>Cost Estimator </h2>
         <p>
         Copy and paste your document into the box below and click "Count Words" to estimate the total number of words in your document. 
         Your result will automatically appear in the "Number of Words" box below. Lastly, select  "Get Estimate.&quot;<br>
      </td>
   </tr>
   <tr>
      <td class="pagetext" align="left" nowrap height="20">
         <form method="POST" name="wordcount">
            <table border="0" cellspacing="0" cellpadding="0">

           <tr>
              <td width="100%"><textarea rows="12" name="wordcount2" cols="60" wrap="virtual"></textarea></td>
           </tr>
           <tr>
              <td width="100%">
                 <div align="left">
                 <p>
                 <input type="button" value="Count Words" onClick="countit()"> 
                 <input type="text" name="wordcount3" size="20"></p>
                 </div>                  </td>
           </tr>
        </table>
     </form>      </td>
   </tr>
</table>

<table border="0" width="620" cellspacing="2" cellpadding="2">
  <tr>
    <td class="pagetext"><h2><b>Estimate</b></h2>
        <p> Click &quot;Get Estimate&quot; for price details.<br />
      </p></td>
  </tr>
  <tr>
    <td><form name="quickcalculator" id="quickcalculator">
      <table>
        <tr>
          <td class="pagetext" width="150"> Number of Words: </td>
          <td><input type="text" name="txtWordCount" size="20" maxlength="20" /></td>
          <td><input type="button" value="Get Estimate" name="btnGetEstimate" onclick="quickcalc()" />          </td>
        </tr>
      </table>
    </form>
        <form name="estimates" id="estimates">
          <table border="1" cellpadding="2" cellspacing="0" id="tblEstimates" style="display: none;">
            <tr>
              <td class="pagetext"><b>Service Option</b> </td>
              <td class="pagetext"><b>Cost Estimate</b> </td>
              <td class="pagetext">&nbsp;</td>
            </tr>
            <tr>
              <td class="pagetext"> Standard - 3 Day/72 Hour Return - $5.00 Per Page </td>
              <td><input type="text" name="txtStandardEst" size="20" maxlength="20" />
              </td>
              <td><input type="button" value="Quick Checkout" name="btnCheckout" onclick="goToCheckout(1)" />
              </td>
            </tr>
            <tr>
              <td class="pagetext"> Expedite - 2 Day/48 Hour Return - $7.50 Per Page </td>
              <td><input type="text" name="txtExpediteEst" size="20" maxlength="20" />
              </td>
              <td><input type="button" value="Quick Checkout" name="btnCheckout" onclick="goToCheckout(2)" />
              </td>
            </tr>
            <tr>
              <td class="pagetext"> Overnight - 1 Day/24 Hour Return - $9.00 Per Page </td>
              <td><input type="text" name="txtOvernightEst" size="20" maxlength="20" />
              </td>
              <td><input type="button" value="Quick Checkout" name="btnCheckout" onclick="goToCheckout(3)" />
              </td>
            </tr>
          </table>
        </form></td>
  </tr>
</table>
<p>
  <script type ="text/javascript" src="/scripts/footer.js"></script>
</p>
<!-- InstanceEndEditable --></div>
        <div id="footer">
    <p><a href="customerservice.html">Customer Service</a> | <a href="links.html">Links</a> | <a href="employment.html">Employment</a></p>
  </div>
  </div>
</div>
<script type="text/javascript">
</html>

SeanWoods

I finally have it where it will post the choice made in the drop down boxes from this page: http://www.grammarperfection.com/checkout.php? to this page: http://grammarperfection.com/confirmorder.php but for some reason the "proceed with order" button won't work on internet explorer. (The button is on the bottom of http://www.grammarperfection.com/checkout.php?)

It works fine on Firefox and Google Chrome. I have not tried any other browsers.

Here is the code for the button:

<td class="pagetext" colspan="2"><input type="submit" value="Proceed With Order" name="btnOrder" />

Code on first page:

//For 1st drop down box (populated from data on previous page)
<form method=post action=''>
<select name='serviceOption[]'>
<option value="Standard - 3 Day/72 Hour Return - $5.00 Per Page"<?php echo $opt1?>>Standard - 3 Day/72 Hour Return - $5.00 Per Page</option>
<option value="Expedite - 2 Day/48 Hour Return - $7.50 Per Page"<?php echo $opt2?>>Expedite - 2 Day/48 Hour Return - $7.50 Per Page</option>
<option value="Overnight - 1 Day/24 Hour Return - $9.00 Per Page"<?php echo $opt3?>>Overnight - 1 Day/24 Hour Return - $9.00 Per Page</option>                     

       <form method=post action=''> 

//For 2nd drop down box 
<form method=post action=''>
<select name='level[]'>
<option value='High School'>High School</option>
<option value='College - Admission'>College - Admission</option>
<option value='College - Under Graduate'>College - Under Graduate</option>
<option value='College - Post Graduate'>College - Post Graduate</option>
<option value='Website'>Website</option>
</select><form method=post action=''>
</form>

//For 3rd drop down box 
<select name='format[]'>
<option value='MLA'>MLA</option>
<option value='AP'>AP</option>
<option value='N/A'>N/A</option>
</select><form method=post action=''>
</form>

<td class="pagetext" colspan="2"><input type="submit" value="Proceed With Order" name="btnOrder" />

Code for 2nd page:


//Data from 1st drop down box
<?
                   @$format= $_POST['serviceOption'];
if( is_array($serviceOption)){
while (list ($key, $val) = each ($serviceOption)) {
echo "$val <br>";
}
}//else{echo "not array";}   

?>

//Data from 2nd drop down box
<?
                   @$format= $_POST['level'];
if( is_array($level)){
while (list ($key, $val) = each ($level)) {
echo "$val <br>";
}
}//else{echo "not array";}   

?>

//Data from 3rd drop down box
<?
                   @$format= $_POST['format'];
if( is_array($format)){
while (list ($key, $val) = each ($format)) {
echo "$val <br>";
}
}//else{echo "not array";}   

?>

SeanWoods

Now I have it working on IE. I had too many opening form tags.

How can I mark this post as "solved?"

Thanks for all your help json 🙂

It took over a week, but it's finally working, boo yah!