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.
Bovenstaand het javascript, onderstaand het html die de regel aanroept.
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
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> Stuks Ø </th><th><input type="INT" class="form-control_java" name="boorwerk_cm[]" id="boorwerk_cm" placeholder="120"></th><th> CM </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