jQuery("#hoeveel1").on('change', function(){fnc_hoeveel("#hoeveel1","benodigheden", "x nodig voor baan")});
jQuery("#hoeveel2").on('change',function(){fnc_hoeveel("#hoeveel2","inbegrepen", "x inbegrepen bij baan")});
jQuery("#v_form").on('submit',function(){fnc_hoeveel("#hoeveel2","inbegrepen", "x inbegrepen bij baan")});
function fnc_hoeveel(hoeveel, wat, txt) {
var hoeveelSelected = jQuery(hoeveel + ' option:selected').val();
console.log(hoeveelSelected);
var hoeveelDisplayed = jQuery('[id^="' + wat + '-"]:visible').length;
console.log(hoeveelDisplayed);
var hoeveelRendered = jQuery('[id^="'+ wat + '-"]').length;
if (hoeveelSelected > 0) {
jQuery("." + wat).show();
} else {
jQuery("." + wat).hide();
}
if (hoeveelSelected > hoeveelDisplayed)
{
for (var i=1;i<=hoeveelSelected;i++){
var r=jQuery("#" + wat + "-"+i);
if (r.length == 0) {
var clone=jQuery("#" + wat+ "-1").clone(); //clone
clone.children(':first').text(i+" "+txt);
//change ids appropriately
setNewID(clone,i);
jQuery(clone).appendTo(jQuery("." + wat));
}else {
jQuery(r).show();
}
}
}
else {
for (var i=++hoeveelSelected;i<=hoeveelRendered;i++){
jQuery("#" + wat + "-"+i).hide();
}
}
function setNewID(elem, i) {
oldID=elem.attr('id');
newId=oldID.substring(0,oldID.indexOf('-'))+"-"+i;
elem.attr('id',newId);
} }
656 views
Ik wil graag dat de inputs die geregeld zijn door een select option waarde ook dezelfde hoeveelheid input elements open blijft na submit