Jump to content

dynamic form help


doforumda

Recommended Posts

hi i need help in creating dynamic form using jquery. i create a form in this form i want when "add another" link is clicked then it adds one more set of fields.

 

form is here

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="lib/jquery-1.4.min(Production).js"></script>
<script src="js/script.js" type="text/javascript"></script>
<style>
#form1 div {
font-size:14px;
margin-bottom: 10px;
clear: left;
}
#form1 label {
width: 125px;
display: block;
font-size:14px;
font-weight: bold;
color: #999;
float: left;
}
#link {
margin-left:125px;
}
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<div>
  <label>IM Screen Names:</label>
    <input type="text" name="textfield" id="textfield" />
    <select name="select" id="select">
      <option value="AIM" selected="selected">AIM</option>
      <option value="gtalk">Google Talk</option>
      <option value="skype">Skype</option>
      <option value="windows live">Windows Live</option>
      <option value="yahoo">Yahoo</option>
    </select><br />
    <div id="link"><a href="">Add another</a></div>
</div>
</form>
</body>
</html>

Link to comment
https://forums.phpfreaks.com/topic/192385-dynamic-form-help/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.