Ik wil graag dat de inputs die geregeld zijn door een select option waarde ook dezelfde hoeveelheid input elements open blijft na submit


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);
		} }

Reageren