maar nu wil ik het in functie stoppen voor bruikbaarheid, hij doet het in zoverre
dat hij het kiest op basis in van een select option dat tot 5 gaat
dus als je 5 kiest komen er ook 5 inputs maar als je dan weer lager gaat blijft hij bij het hoogste gekozen
function fnc_hoeveel(waar, hoeveel, add, wat, txt) {
jQuery(hoeveel).change(function() {
var hoeveelSelected = jQuery(add).val();
var hoeveelDisplayed = jQuery('[id^="' + wat + '"-"]:visible').length;
var hoeveelRendered = jQuery('[id^="'+ wat + '"-"]').length;
if (hoeveelSelected > 0) {
jQuery(waar).show();
} else {
jQuery(waar).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(waar));
}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);
} }
fnc_hoeveel(".benodigheden", "#hoeveel1", "#hoeveel1 option:selected","benodigheden", "gevraagde benodigheden");