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.
http://ryanpartyrentals.com/nb/formtest.php
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, & DE</title>
<script language="javascript" src="http://ryanpartyrentals.com/nb/list.js"></script>
</head>
<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>
<SELECT id="SubCat" NAME="SubCat">
<Option value="">Select An Item</option>
</SELECT>
<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>
</SELECT>
</body>
</form>
</body>
</html>
Any help is appreciated!!!!
How can I add in multiple lines.