Concatenate Select-multiples

home page
std.css

All this simple JavaScript (JS) plugin does is to accept the value from select-multiples and concatenate them into various PayPal fields depending of the name suffix. The value fields may have price or description modifying information in them.

We start with the output of the PayPal button factory and make a few changes. Then the JS processes the FORM and adjusts the fields. <view source> to see what was done.

Copy the JS from this example and paste it into your page within the <head> section, like is done on this page. Only one copy of the JS is needed for any page.
If you want a view-cart button somewhere on the page you must copy the view FORM from my page and insert it into your page right after the <body... statement like I have done here. You will need to change the business value, or course. More info
Go into every FORM that can place an order and add these things...
- A new named element called baseamt to hold the base amount of the item.
- A new named element called basedes to hold the base description of this item.
- If you are going to use any of the option fields, then you must create a base description for them, like with baseamt and basedes, above. Add fields named baseon0, baseos0, baseon1 and baseos1 to the items in the FORM for each item in your site.
- An event handler (EH) to the "add" button or, as is done here, an onsubmit EH to the FORM element.
- An optional text field named tot where the item cost is displayed if you include EHs on all the items that modify price. In this case the base price of the tot variable must be the default settings of the items before any price adjustment is made. Right-click to see how I did it on this page.
- Selects (with flaged names, perhaps) so the user can input his values. The flag is the last two characters of the name.
```
  1a = 1st option field name area (50 chars).
  1b = 1st option field data area (200 chars).
  2a = 2nd option field name area (50 chars).
  2b = 2nd option field data area (200 chars).
  .. (Anything else, description area - 127 chars.)
```

value

"+" to indicate that a price increment follows.
"%" to indicate that a price percent change follows.
It is not obvious, but negative amounts are allowed. The first characters are a flag value (has special significance to parsing), but after that you may input any valid nunmber. -1 is a valid number, so "+-1.50" is perfectly legal.

Here is an example of what you may put into the value of an option field of a select-multiple...

  <option value="Description +25.00">...</option>

Contact me concerning this article at paypalhelper@aol.com. Mention "sel-mult" in your note.

Individual help starting at $25.00 for simple JS solutions.