//// index.php
///////////////////////////////////////////////////////////////////////////////////////////////////
<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
var i=1;
function g()
{
if(i<11){
$('#qualification').append('<table><tr><td valign="top">Type</td><td valign="top"><input type="radio" name="type_question['+i+']" value="general" checked>General <br/><input type="radio" name="type_question['+i+']" value="specific" >Specific</td> <td class="field1" colspan="3"><textarea name="typeQuestion1['+i+']" id="typeQuestion1" rows="3" cols="58"></textarea></td></tr></table>');
i=i+1;
}
else{
alert("You cannot add more than 10 qualifications");
}
}
//$(document).ready(function(){
function addmore(field){
//$('#addMore').click(function(){
var n = field.length;
//var n = field.length;
////alert(n);
////alert(field);
//var textvalue = document.forms[FormName].elements[FieldName];
g();
// });
}
</script>
<body>
<form name="formedu" action="submit.php" method="post">
<table>
<tr>
<td valign="top">Type</td>
<td valign="top">
<input type="radio" name="type_question[0]" value="general" checked>General <br/>
<input type="radio" name="type_question[0]" value="specific" >Specific
</td>
<td class="field1" colspan="3"><textarea name="typeQuestion1[0]" id="typeQuestion1" rows='3' cols='58'></textarea></td>
</tr>
<tr>
<td class="field1" align="left" ><input type="button" id="addMore" value="ADD" onClick="addmore(document.formedu.typeQuestion1)"></input></td>
</tr>
<div id="qualification" name="qualification"></div>
</table>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////////
//// End index.php
///////////////////////////////////////////////////////////////////////////////////////////////////
No comments:
Post a Comment