For loop

[rostie]

Hey,

ik probeer een form te maken die aan de hand van het geselecteerde getal in een select box aan aantal input velden laat zien.

met javascript lukt het mij om er 1 te laten zien maar daarna houdt het op.

ik probeer het via en "for" loop

het geselecteerde aantal zet de lengte van de loop en die zou dan het inputveld( + loop_nummer) moeten laten zien

dus 1 geselecteerd dan wordt input+1 zichtbaar.

iemand een oplossing?

<script type="text/javascript">
function $() {
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++) {
		var element = arguments[i];
		if (typeof element == 'string')
			element = document.getElementById(element);
		if (arguments.length == 1)
			return element;
		elements.push(element);
	}
	return elements;
}

// zichtbaar of wisselen
function toggled() {
	for ( var i=0; i < arguments.length; i++ ) {
		$(arguments[i]).style.display = ($(arguments[i]).style.display != 'none' ? 'none' : '' );
	}
}
 var myPanels = $(".myPanel").hide(); 
  var nextPanel = 0; 
 $(".myHeader button").click(function(){ 
   if (nextPanel < myPanels.length) { 
     $(myPanels[nextPanel++]).slideDown(); 
   } 
 }); 
 $(".myPanel button").click(function(){ 
   $(this).parent().slideUp(); 
 }); 
</script>

// count select
  <select name="showcount" id="showcount" onchange="toggled('count')">
  <option value="1">1</option>
  <option value="4">4</option>
  </select><br />
  <input type=text name="count0" id="count" value="hoi" /><br />
  <input type=text name="count1" id="count" value="1" /><br />
  <input type=text name="count2" id="count" value="2" /><br />
  <input type=text name="count3" id="count" value="3" /><br />
  <input type=text name="count4" id="count" value="4" /><br />
  <input type=text name="count5" id="count" value="5" /><br />

 

[poashoas]

Hey,

ik probeer een form te maken die aan de hand van het geselecteerde getal in een select box aan aantal input velden laat zien.

met javascript lukt het mij om er 1 te laten zien maar daarna houdt het op.

ik probeer het via en "for" loop

het geselecteerde aantal zet de lengte van de loop en die zou dan het inputveld( + loop_nummer) moeten laten zien

dus 1 geselecteerd dan wordt input+1 zichtbaar.

iemand een oplossing?

<script type="text/javascript">
function $() {
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++) {
		var element = arguments[i];
		if (typeof element == 'string')
			element = document.getElementById(element);
		if (arguments.length == 1)
			return element;
		elements.push(element);
	}
	return elements;
}

// zichtbaar of wisselen
function toggled() {
	for ( var i=0; i < arguments.length; i++ ) {
		$(arguments[i]).style.display = ($(arguments[i]).style.display != 'none' ? 'none' : '' );
	}
}
 var myPanels = $(".myPanel").hide(); 
  var nextPanel = 0; 
 $(".myHeader button").click(function(){ 
   if (nextPanel < myPanels.length) { 
     $(myPanels[nextPanel++]).slideDown(); 
   } 
 }); 
 $(".myPanel button").click(function(){ 
   $(this).parent().slideUp(); 
 }); 
</script>

// count select
  <select name="showcount" id="showcount" onchange="toggled('count')">
  <option value="1">1</option>
  <option value="4">4</option>
  </select><br />
  <input type=text name="count0" id="count" value="hoi" /><br />
  <input type=text name="count1" id="count" value="1" /><br />
  <input type=text name="count2" id="count" value="2" /><br />
  <input type=text name="count3" id="count" value="3" /><br />
  <input type=text name="count4" id="count" value="4" /><br />
  <input type=text name="count5" id="count" value="5" /><br />

Is dat geen Jquery? Misschien kan je ook een bericht plaatsen op een forum daarvoor.
Maar je zegt onchange="toggled('count')" maar ik bij de functie zelf zie ik toggled( ), waarom staat daar niks tussen? function toggled ( waarde ).