I am trying to create a dynamic form for the first time. I need an product reservation form that allows up to 10 products to be reserved. I have line 1 done and the javascript code is working.


Let's call those fields Category, SubCat, SubCat2 (left to right). The problem lies when I try to put the second line of the form in. When I do, either the first line stops loading dynamically or the second line does nothing. The second line would have the exact same options but it has to be different fields, ie. CategoryB, SubCatB, SubCat2B because a customer may want to reserve one product on the first line and another on the second, and yet another on the third line... so on and so forth.

Here is the code I am using and I attached the javascript code I am using:

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Equipment Reservation Request | Ryan Party Rentals | Serving PA, NJ, &amp; DE</title>

<script language="javascript" src="http://ryanpartyrentals.com/nb/list.js"></script>


<form action="mailto:nbogatin@nickbogatin.com" method="POST" enctype="multipart/form-data" name="drop_list">

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" onLoad="fillCategory();">
<SELECT NAME="Category" onChange="SelectSubCat();" >
<Option value="">Select A Category</option>
<SELECT id="SubCat" NAME="SubCat">
<Option value="">Select An Item</option>
<SELECT id="SubCat2" NAME="SubCat2">
<Option value="">Quantity</option>
<Option value="">1</option>
<Option value="">2</option>
<Option value="">3</option>
<Option value="">4</option>
<Option value="">5</option>
<Option value="">6</option>
<Option value="">7</option>
<Option value="">8</option>
<Option value="">9</option>
<Option value="">10</option>
<Option value="">11</option>
<Option value="">12</option>
<Option value="">13</option>
<Option value="">14</option>
<Option value="">15</option>
<Option value="">16</option>
<Option value="">17</option>
<Option value="">18</option>
<Option value="">19</option>
<Option value="">20</option>
<Option value="">21</option>
<Option value="">22</option>
<Option value="">23</option>
<Option value="">24</option>
<Option value="">25</option>
<Option value="">26</option>
<Option value="">27</option>
<Option value="">28</option>
<Option value="">29</option>
<Option value="">30</option>
<Option value="">31</option>
<Option value="">32</option>
<Option value="">33</option>
<Option value="">34</option>
<Option value="">35</option>
<Option value="">36</option>
<Option value="">37</option>
<Option value="">38</option>
<Option value="">39</option>
<Option value="">40</option>
<Option value="">40+</option>




Any help is appreciated!!!!

How can I add in multiple lines.


Your HTML page must have just one <body>...</body> containing all the HTML including the <form>...</form> tags. Blocks of HTML can't each have their own body, but they can be wrapped in <div>s or <table>s.

With just one body, fillCategory will be called just once. You need to work out a way to make fillCategory operate on each product line in turn (eg. in a loop).


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.