2x het zelfde Javascript

Status
Niet open voor verdere reacties.

BRITDiensten

Gebruiker
Lid geworden
8 sep 2014
Berichten
25
Hallo Allemaal,
Ik heb een probleem, ik heb een stukje javascript die ervoor zorgt dat een nieuwe regel in het formulier gevoerd word.

PHP:
												<script>                                        
													function addElement() {
													var ni = document.getElementById('Form-Input');
													var numi = document.getElementById('boorwerk_stuks');
													var numi = document.getElementById('boorwerk_cm');
													var numi = document.getElementById('boorwerk_wat');
													var num = (document.getElementById('boorwerk_stuks').value -1)+ 2;
													var num = (document.getElementById('boorwerk_cm').value -1)+ 2;
													var num = (document.getElementById('boorwerk_wat').value -1)+ 2;
													numi.value = num;
													var newdiv = document.createElement('div');
													var divIdName = 'Form-Input'+num+'';
													newdiv.setAttribute('id',divIdName);
													newdiv.innerHTML = '<th><input type="INT" name="boorwerk_stuks[]" id="boorwerk_stuks[]" placeholder="10" class="form-control_java"></th><th>&nbsp; Stuks &Oslash; &nbsp;</th><th><input type="INT" class="form-control_java" name="boorwerk_cm[]" id="boorwerk_cm" placeholder="120"></th><th>&nbsp; CM &nbsp;</th><th><select  class="form-control_java" id="boorwerk_wat" name="boorwerk_wat"><option value="betonvloer">Betonvloer</option><option value="betonwand">Betonwand</option><option value="metselwerk">Metselwerk</option><option value="betonsteen">Betonsteen</option><option value="asfalt">Asfalt</option></select></th>';
													ni.appendChild(newdiv);
													}                                       
												</script>

Bovenstaand het javascript, onderstaand het html die de regel aanroept.

PHP:
 <input type="hidden" value="0" id="boorwerk_stuks" /><input type="hidden" value="0" id="boorwerk_cm" /><input type="hidden" value="0" id="boorwerk_wat" />
												<p><a href="javascript:;"  class="fa fa-plus-square-o" onclick="addElement();"></a></p>
												<div id="Form-Input"> </div>

Nu is het de bedoeling dat dit principe meerdere keren gebruikt moet worden... Dus voor Boorwerk, Zaagwerk, Sleufwerk etc. etc. etc.

Is dit mogelijk met dit stukje Javascript?

Met vriendelijke groet,
Branco Rensen
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan