Please Help in Dynamic Adding of Input Field

I have made two fields , each is for dynamic adding of fields. I like that if user inputs in one field then its given number of fields is show in specified location and user input from another input field then its desired results output on the location but if user again submits the query then I have to remove that old number of fields and add new given number of field. I have a script working in first field but failing in second field.

In first field user input many times and all of the time it works but in second field first time desired result is shown but next time not removing the fields as well as not adding new ones

Can anyone please help in this , thanks in advance

I used HTML coding

---------------------------------------------------------------------
<html>
<head><script src='javascripts/extra.js' type='text/javascript'></script></head>
<body>

<form name='form2' enctype='multipart/form-data' method='post' action=''>
<input id='NoofGalleryImages' type='text' name='imagesfield2' value='' />
<input id='GalleryImagesCount' type='hidden' name='countfield2' value='0' />
<input type='button' value='Submit' onclick='AddFields("GalleryImage")' />
<div id='MyDivGalleryImages'></div>
</form>
</body>
</html>
==================================================================

and javascript is

--------------------------------------------------------------------

function AddFields(fieldType) {
if (fieldType == "FunnyImage") {
var MainDiv = document.getElementById('MyDivFunnyImages');
var AddFields = document.getElementById('NoofFunnyImages').value;
var PreviousNoOfFields = document.getElementById('FunnyImagesCount');
var NewDivIdName = document.getElementById("divFunnyImage");
}
else if (fieldType == "GalleryImage") {
var MainDiv = document.getElementById('MyDivGalleryImages');
var AddFields = document.getElementById('NoofGalleryImages').value;
var PreviousNoOfFields = document.getElementById('GalleryImagesCount');
var NewDivIdName = document.getElementById("divGalleryImage");
}

for (j=1;j<=PreviousNoOfFields.value;j++) {
var OldDiv = document.getElementById(NewDivIdName+j);
MainDiv.removeChild(OldDiv);
}
PreviousNoOfFields.value = AddFields;

if (AddFields && AddFields > 0) {
for (i=1;i<=AddFields;i++) {
var NewDiv = document.createElement('div');
NewDiv.setAttribute("id",NewDivIdName+i);
NewDiv.setAttribute("class","EachLineDiv");
NewDiv.innerHTML = "<input type='text' name='alt"+i+"' value='' />";
MainDiv.appendChild(NewDiv);
}
}
}
=====================================================================

Please Help in Dynamic Adding of Input Field

I have used a dynamic adding java script but having some trouble with it

sweetguyzzz

daveVk

astupidname

sweetguyzzz

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week