html in a form

Question

texaskraut 0 Newbie Poster

18 Years Ago

Hi everyone,
I do not know what I am looking at ....
the drop down menus are the problem.
1st .... the single mats: if I make an order and then continue shopping all my quantities are gone, makes me think I lost my present order. Then if I ordered 10 5 x 7's in white and I continue shopping and choose the, now empty, quantity field I used before and order 10 more 5 x 7's in peach, they show up in my cart as 20 5 x 7's in white .
2nd .... the double mat drop downs don't include the color choice in the cart at all.

Can anybody help with this ?

Thanks already
Tina

html-css web-design

2 Contributors
4 Replies
108 Views
1 Day Discussion Span
Latest Post 18 Years Ago Latest Post by peter_budo

Dani AI

Generated 10 Months Ago

Brief summary and practical next steps based on description and request for the CGI: two distinct failures are happening — (1) selections/quantities appear lost or combined when you continue shopping, and (2) some color choices never reach the cart. The problem can be either client-side (the browser not sending the fields you think it is) or server-side (the cart script ignoring or collapsing fields). Confirm which before changing HTML.

How to verify quickly

Use the browser DevTools Network panel to submit the form and inspect the POST body. If color fields are not present in the request, the client did not send them. If they are present but the cart shows no color, the server script is dropping or mis-parsing them. See the DevTools guide for details: Inspect network requests — Chrome DevTools. Also review how form fields are serialized: Sending and retrieving form data — MDN.

Common culprits and fixes

Client-side navigation handlers on selects: if a select triggers page navigation on change, that reload will clear unsaved quantity inputs. Remove or disable the onchange navigation temporarily and retest.
Field naming and SKU uniqueness: cart engines commonly merge items by SKU. If multiple rows post the same SKU value, the cart may combine quantities and ignore secondary attributes. Either make the posted SKU unique per line (for example combine size+color server-side) or adjust the server to treat color as an attribute when building cart line keys.
Server parsing expectations: confirm the exact parameter names the shopper.cgi expects. was right to ask for the CGI logic — if you can share a sanitized excerpt of the server-side parameter handling (no secrets), people can advise exact name fixes.

Practical steps

Inspect the POST, note exact parameter names and values.
If parameters are present but ignored, enable minimal logging in shopper.cgi to see how it maps incoming fields to cart items.
Test changes on a staging copy and keep backups before editing server code.

If the network trace and a short, sanitized snippet of how shopper.cgi reads request parameters are posted, more specific fixes can be suggested.

All 4 Replies

peter_budo 2,532 Code tags enforcer

18 Years Ago

Can you please provide your coding specialy CGI section?

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

texaskraut 0 Newbie Poster · Answer 1 · 2008-06-01T18:52:04+00:00

Can you please provide your coding specialy CGI section?

where do I find that, I work with dreamweaver,

texaskraut 0 Newbie Poster · Answer 2 · 2008-06-01T18:58:46+00:00

Can you please provide your coding specialy CGI section?

Thanks again for all your help
below is the html form:

<form id="form1" name="form1" method="post" action="/cgi-bin/shopper.cgi">
    Size: 
    <select name="msku0" id="jumpMenu" onchange="MM_jumpMenu('',,0)">

      <option value="SGMT5X7">Single 5x7 (3x5)</option>
      <option value="SGMT8x10">Single 8x10 (5x7)</option>
      <option value="SGMT9x12">Single 9x12 (6x9)</option>
      <option value="SGMT11x14">Single 11x14 (8x10)</option>
      <option value="SGMT12x16">Single 12x16 (9x13)</option>
      <option value="SGMT14x18">Single 14x18 (11x14)</option>

      <option value="SGMT16x20">Single 16x20 (11x14)</option>
      <option value="SGMT18x24">Single 18x24 (16x20)</option>
      <option value="SGMT20x24">Single 20x24 (16x20)</option>
      <option value="SGMT22x28">Single 22x28 (20x24)</option>
      <option value="SGMT24x30">Single 24x30 (20x24)</option>
    </select> 
    Color: 
    <select name="mopt0_0" id="jumpMenu2" onchange="MM_jumpMenu('',,0)">

      <option value="0">101 - white</option>
      <option value="1">103 - off white</option>
      <option value="2">104 - creamy</option>
      <option value="3">106 - snowflake</option>
      <option value="4">107 - ivory</option>
      <option value="5">109 - almond</option>

      <option value="6">110 - sand</option>
      <option value="7">111 - stone</option>
      <option value="8">113 - taupe</option>
      <option value="9">114 - russet</option>
      <option value="10">115 - rust</option>
      <option value="11">117 - brown</option>

      <option value="12">119 - jade</option>
      <option value="13">120 - spruce</option>
      <option value="14">121 - teal</option>
      <option value="15">122 - willow</option>
      <option value="16">123 - cactus</option>
      <option value="17">126 - evergreen</option>

      <option value="18">127 - pine</option>
      <option value="19">129 - harvest</option>
      <option value="20">130 - yellow</option>
      <option value="21">131 - sea breeze</option>
      <option value="22">132 - horizon</option>
      <option value="23">133 - misty</option>

      <option value="24">134 - royal</option>
      <option value="25">135 - sea</option>
      <option value="26">136 - navy</option>
      <option value="27">137 - blueberry</option>
      <option value="28">138 - apricot</option>
      <option value="29">139 - peach</option>

      <option value="30">140 - carnation</option>
      <option value="31">143 - plum</option>
      <option value="32">144 - rose</option>
      <option value="33">146 - burgandy</option>
      <option value="34">147 - scarlet</option>
      <option value="35">148 - red</option>

      <option value="36">150 - violet</option>
      <option value="37">151 - purple</option>
      <option value="38">152 - fog</option>
      <option value="39">153 - hazel</option>
      <option value="40">154 - shadow</option>
      <option value="41">155 - black</option>

    </select>
    <label>
    Quantity: 
    <input name="mqty0" type="text" id="Quantity" size="20" />
    </label>
    <label></label>
<br>    Size:
    <select name="msku1" id="jumpMenu5" onchange="MM_jumpMenu('',,0)">
      <option value="SGMT5X7">Single 5x7 (3x5)</option>

      <option value="SGMT8x10">Single 8x10 (5x7)</option>
      <option value="SGMT9x12">Single 9x12 (6x9)</option>
      <option value="SGMT11x14">Single 11x14 (8x10)</option>
      <option value="SGMT12x16">Single 12x16 (9x13)</option>
      <option value="SGMT14x18">Single 14x18 (11x14)</option>
      <option value="SGMT16x20">Single 16x20 (11x14)</option>

      <option value="SGMT18x24">Single 18x24 (16x20)</option>
      <option value="SGMT20x24">Single 20x24 (16x20)</option>
      <option value="SGMT22x28">Single 22x28 (20x24)</option>
      <option value="SGMT24x30">Single 24x30 (20x24)</option>
    </select>
    Color:
  <select name="mop1_0" id="jumpMenu6" onchange="MM_jumpMenu('',,0)">

	  <option value="0">101 - white</option>
      <option value="1">103 - off white</option>
      <option value="2">104 - creamy</option>
      <option value="3">106 - snowflake</option>
      <option value="4">107 - ivory</option>
      <option value="5">109 - almond</option>

      <option value="6">110 - sand</option>
      <option value="7">111 - stone</option>
      <option value="8">113 - taupe</option>
      <option value="9">114 - russet</option>
      <option value="10">115 - rust</option>
      <option value="11">117 - brown</option>

      <option value="12">119 - jade</option>
      <option value="13">120 - spruce</option>
      <option value="14">121 - teal</option>
      <option value="15">122 - willow</option>
      <option value="16">123 - cactus</option>
      <option value="17">126 - evergreen</option>

      <option value="18">127 - pine</option>
      <option value="19">129 - harvest</option>
      <option value="20">130 - yellow</option>
      <option value="21">131 - sea breeze</option>
      <option value="22">132 - horizon</option>
      <option value="23">133 - misty</option>

      <option value="24">134 - royal</option>
      <option value="25">135 - sea</option>
      <option value="26">136 - navy</option>
      <option value="27">137 - blueberry</option>
      <option value="28">138 - apricot</option>
      <option value="29">139 - peach</option>

      <option value="30">140 - carnation</option>
      <option value="31">143 - plum</option>
      <option value="32">144 - rose</option>
      <option value="33">146 - burgandy</option>
      <option value="34">147 - scarlet</option>
      <option value="35">148 - red</option>

      <option value="36">150 - violet</option>
      <option value="37">151 - purple</option>
      <option value="38">152 - fog</option>
      <option value="39">153 - hazel</option>
      <option value="40">154 - shadow</option>
      <option value="41">155 - black</option>

  </select>
  <label> Quantity:
  <input name="mqty1" type="text" id="Quantity3" size="20" />
  </label>
  <label></label>
<br>    Size:
    <select name="msku2" id="jumpMenu7" onchange="MM_jumpMenu('',,0)">
      <option value="SGMT5X7">Single 5x7 (3x5)</option>
      <option value="SGMT8x10">Single 8x10 (5x7)</option>

      <option value="SGMT9x12">Single 9x12 (6x9)</option>
      <option value="SGMT11x14">Single 11x14 (8x10)</option>
      <option value="SGMT12x16">Single 12x16 (9x13)</option>
      <option value="SGMT14x18">Single 14x18 (11x14)</option>
      <option value="SGMT16x20">Single 16x20 (11x14)</option>
      <option value="SGMT18x24">Single 18x24 (16x20)</option>

      <option value="SGMT20x24">Single 20x24 (16x20)</option>
      <option value="SGMT22x28">Single 22x28 (20x24)</option>
      <option value="SGMT24x30">Single 24x30 (20x24)</option>
    </select>
    Color:
  <select name="mopt2_0" id="jumpMenu8" onchange="MM_jumpMenu('',,0)">
    <option value="0">101 - white</option>

      <option value="1">103 - off white</option>
      <option value="2">104 - creamy</option>
      <option value="3">106 - snowflake</option>
      <option value="4">107 - ivory</option>
      <option value="5">109 - almond</option>
      <option value="6">110 - sand</option>

      <option value="7">111 - stone</option>
      <option value="8">113 - taupe</option>
      <option value="9">114 - russet</option>
      <option value="10">115 - rust</option>
      <option value="11">117 - brown</option>
      <option value="12">119 - jade</option>

      <option value="13">120 - spruce</option>
      <option value="14">121 - teal</option>
      <option value="15">122 - willow</option>
      <option value="16">123 - cactus</option>
      <option value="17">126 - evergreen</option>
      <option value="18">127 - pine</option>

      <option value="19">129 - harvest</option>
      <option value="20">130 - yellow</option>
      <option value="21">131 - sea breeze</option>
      <option value="22">132 - horizon</option>
      <option value="23">133 - misty</option>
      <option value="24">134 - royal</option>

      <option value="25">135 - sea</option>
      <option value="26">136 - navy</option>
      <option value="27">137 - blueberry</option>
      <option value="28">138 - apricot</option>
      <option value="29">139 - peach</option>
      <option value="30">140 - carnation</option>

      <option value="31">143 - plum</option>
      <option value="32">144 - rose</option>
      <option value="33">146 - burgandy</option>
      <option value="34">147 - scarlet</option>
      <option value="35">148 - red</option>
      <option value="36">150 - violet</option>

      <option value="37">151 - purple</option>
      <option value="38">152 - fog</option>
      <option value="39">153 - hazel</option>
      <option value="40">154 - shadow</option>
      <option value="41">155 - black</option>
  </select>

  <label> Quantity:
  <input name="mqty2" type="text" id="Quantity4" size="20" />
  </label>
  <label></label>
<br>    Size:
    <select name="msku3" id="jumpMenu9" onchange="MM_jumpMenu('',,0)">
      <option value="SGMT5X7">Single 5x7 (3x5)</option>
      <option value="SGMT8x10">Single 8x10 (5x7)</option>

      <option value="SGMT9x12">Single 9x12 (6x9)</option>
      <option value="SGMT11x14">Single 11x14 (8x10)</option>
      <option value="SGMT12x16">Single 12x16 (9x13)</option>
      <option value="SGMT14x18">Single 14x18 (11x14)</option>
      <option value="SGMT16x20">Single 16x20 (11x14)</option>
      <option value="SGMT18x24">Single 18x24 (16x20)</option>

      <option value="SGMT20x24">Single 20x24 (16x20)</option>
      <option value="SGMT22x28">Single 22x28 (20x24)</option>
      <option value="SGMT24x30">Single 24x30 (20x24)</option>
    </select>
    Color:
  <select name="mopt3_0" id="jumpMenu10" onchange="MM_jumpMenu('',,0)">
    <option value="0">101 - white</option>

      <option value="1">103 - off white</option>
      <option value="2">104 - creamy</option>
      <option value="3">106 - snowflake</option>
      <option value="4">107 - ivory</option>
      <option value="5">109 - almond</option>
      <option value="6">110 - sand</option>

      <option value="7">111 - stone</option>
      <option value="8">113 - taupe</option>
      <option value="9">114 - russet</option>
      <option value="10">115 - rust</option>
      <option value="11">117 - brown</option>
      <option value="12">119 - jade</option>

      <option value="13">120 - spruce</option>
      <option value="14">121 - teal</option>
      <option value="15">122 - willow</option>
      <option value="16">123 - cactus</option>
      <option value="17">126 - evergreen</option>
      <option value="18">127 - pine</option>

      <option value="19">129 - harvest</option>
      <option value="20">130 - yellow</option>
      <option value="21">131 - sea breeze</option>
      <option value="22">132 - horizon</option>
      <option value="23">133 - misty</option>
      <option value="24">134 - royal</option>

      <option value="25">135 - sea</option>
      <option value="26">136 - navy</option>
      <option value="27">137 - blueberry</option>
      <option value="28">138 - apricot</option>
      <option value="29">139 - peach</option>
      <option value="30">140 - carnation</option>

      <option value="31">143 - plum</option>
      <option value="32">144 - rose</option>
      <option value="33">146 - burgandy</option>
      <option value="34">147 - scarlet</option>
      <option value="35">148 - red</option>
      <option value="36">150 - violet</option>

      <option value="37">151 - purple</option>
      <option value="38">152 - fog</option>
      <option value="39">153 - hazel</option>
      <option value="40">154 - shadow</option>
      <option value="41">155 - black</option>
  </select>

  <label> Quantity:
  <input name="mqty3" type="text" id="Quantity5" size="20" />
  </label>
  <label></label>
  <div align="right"><input type=image src="/PDGTemplates/Plain/images/add_to_cart.gif" alt="Add Whole Page" name="multiadd" value="action">
  </div>
  </form>

peter_budo 2,532 Code tags enforcer Team Colleague Featured Poster · Answer 3 · 2008-06-02T01:13:24+00:00

Your code is reporting to some CGI file shopper.cgi

<form id="form1" name="form1" method="post" [B]action="/cgi-bin/shopper.cgi"[/B]>

that should handle communication after "Add to cart" button press

html in a form

Dani AI

Recommended Answers Collapse Answers

All 4 Replies

Recommended Answers