Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>http://stackoverflow.com/questions/11360343/duplicate-member-form</title>
- </head>
- <body>
- <table border=0 id="table1">
- <tbody>
- <tr>
- <td colspan="2"><h2>Book Now</h2> </td>
- </tr>
- <tr>
- <td width="139"> Select Date (dd/mm/yy):</td>
- <td width="351"> <input type="text" id="datepicker"> </td>
- </tr>
- <tr>
- <td>Select Category:</td>
- <td> </td>
- </tr>
- <tr>
- <td colspan="2"><select name="orgSelect" class="orgSelect">
- <option value="0">----Select CAtegory----</option>
- <option value="1">CAtegory 1</option>
- <option value="2">CAtegory 2</option>
- </select></td>
- <tr>
- <td>Select Product:</td><td> </td>
- </tr>
- </tr>
- <tr>
- </tr>
- <tr>
- <td colspan="2"><select name="terrSelect" class="terrSelect">
- <option value="0" class="static">----Select Product----</option>
- <option value="1" class="sub_1">Product1</option>
- <option value="2" class="sub_1">Product2</option>
- </select>
- </td>
- </tr>
- <tr>
- <td> Number of Persons</td>
- <td>
- <select name="persons" id="persons" onchange="change_persons(this.value)">
- <optgroup label="select">
- <option>1</option>
- <option>2</option>
- <option>3</option>
- </optgroup>
- </select></td>
- </tr>
- <tr>
- <td><strong>Information:</strong></td>
- <td> </td>
- </tr>
- </tbody>
- <tbody style="margin-top:1em">
- <tr>
- <td>1st Member: </td>
- <td> </td>
- </tr>
- <tr>
- <td>First Name:</td>
- <td><input type="text" name="fname1" value=""></td>
- </tr>
- <tr>
- <td>Last Name:</td>
- <td><input type="text" name="lname1" value=""></td>
- </tr>
- <tr>
- <td>Email:</td>
- <td><input type="text" name="email1" value=""></td>
- </tr>
- <tr>
- <td>Phone</td>
- <td><input type="text" name="phone1" value=""></td>
- </tr>
- <tr>
- <td>Mobile Phone</td>
- <td><input type="text" name="mobile1" value=""></td>
- </tr>
- </tbody>
- <tbody style="margin-top:1em">
- <tr>
- <td>2nd Member: </td>
- <td> </td>
- </tr>
- <tr>
- <td>First Name:</td>
- <td><input type="text" name="fname2" value=""></td>
- </tr>
- <tr>
- <td>Last Name:</td>
- <td><input type="text" name="lname2" value=""></td>
- </tr>
- <tr>
- <td>Email:</td>
- <td><input type="text" name="email2" value=""></td>
- </tr>
- <tr>
- <td>Phone</td>
- <td><input type="text" name="phone2" value=""></td>
- </tr>
- <tr>
- <td>Mobile Phone</td>
- <td><input type="text" name="mobile2" value=""></td>
- </tr>
- </tbody>
- <tbody style="margin-top:1em">
- <tr>
- <td>3rd Member: </td>
- <td> </td>
- </tr>
- <tr>
- <td>First Name:</td>
- <td><input type="text" name="fname3" value=""></td>
- </tr>
- <tr>
- <td>Last Name:</td>
- <td><input type="text" name="lname3" value=""></td>
- </tr>
- <tr>
- <td>Email:</td>
- <td><input type="text" name="email3" value=""></td>
- </tr>
- <tr>
- <td>Phone</td>
- <td><input type="text" name="phone3" value=""></td>
- </tr>
- <tr>
- <td>Mobile Phone</td>
- <td><input type="text" name="mobile3" value=""></td>
- </tr>
- </tbody>
- </table>
- <script language="javascript">
- <!--
- function change_persons(show) {
- var bodies = document.getElementById('table1').tBodies;
- for (var i=1, l=bodies.length; i<l; i++) {
- bodies[i].style.display = (i<=show)? 'block':'none';
- }
- }
- change_persons(1); // at startup we show only 1 person
- //--></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement