form <option value = " "> Bulk Delivery

KANE · Joined: 17 Jan 2005 Posts: 2

Is there a way to set an options value based on javascripting?

I have this set up on one of my webpages -

CENTER><SELECT NAME="product"><option value="">Select one <option value= "5" >5 Gallon Pale
<option value="20">20 Gallon Carboy <option value="55"> 55 Gallon Drum
<option value="100">100 Gal. Tote <option value="250">250 Gal. Tote
<option value = ""> Bulk Delivery </CENTER>

in which product gets calculated based on pricing, etc. I want to know if there is a way for a user to type in a value in another field and be the value for "Bulk Delivery"?

Any help would be appreciated.

-KANE

gavinwm · Joined: 11 Jan 2005 Posts: 27

Here's a simple page I did which you can use:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<script language="javascript">

</script>

</head>

<body>
<form onsubmit="javascript:checkForm(); return false;" action="test.php" method="post">
<CENTER>
<SELECT NAME="product">
<option value="">Select one</option>
<option value="5">5 Gallon Pale</option>
<option value="20">20 Gallon Carboy</option>
<option value="55"> 55 Gallon Drum</option>
<option value="100">100 Gal. Tote</option>
<option value="250">250 Gal. Tote</option>
<option> Bulk Delivery</option>
</select>
<br>
<input type="text" name="bulk_value">
<br>
<input type="submit">
</CENTER>
</form>

</body>
</html>

This code will assign Bulk Delivery a value if bulk delivery has been selected and the bulk_value form field has been filled.

The only problem with this code is if someone enters the same number in bulk_value as one of the other option fields. You'll have no way of knowing whether they've chosen Bulk Delivery or not.

You could prevent the user from entering one of your numbers (5, 20, 55, 100, 250) by using some javascript validation, or assign the other options with words and force the user to use a number in the bulk_value field.

gavinwm · Joined: 11 Jan 2005 Posts: 27

Duh!

I forgot you should make sure someone enters a value for Bulk Delivery if they've selected that option.

Here's the amended javascript:

<script language="javascript">

</script>