Archief - Form met selectie

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

Bilal01

Legacy Member
Ik zou graag het onderstaande gegevens in een form willen plaatsen maar ik kan er niet aan uitkomen.
Men moet kunnen kiezen in een "selectbox" tussen Categorie 1 en Categorie 2.
Als je Categorie 1 kiest dan moet je verder kunnen gaan naar sub 1/1, 1/2 of 1/3 in een ander naastliggende "selectbox".

En als je Categorie 2 kiest dan moet je verder kunnen gaan naar sub 2/1, 2/2 of 2/3.
Categorie 1 en 2 zitten dus in het zelfde selectie vakje en de sub's in een ander selectievakje.

Is er iemand die het mij in het kort kan uitleggen?


Categorie 1:
- sub 1/1
- sub 1/2
- sub 1/3

Categorie 2:
- sub 2/1
- sub 2/2
- sub 2/3
Z

Zero Grav

Legacy Member
Hier hebt ge Javascript voor nodig. Aan de hand van een bepaalde selectie in box 1 haalt ge dan dynamisch de juiste box 2 op, of zet ge gewoon de juiste box 2 zichtbaar.
S

SkY

Legacy Member
Ik heb overlaatst zoiets gedaan met jQuery, kans zit erin dat het beter, sneller,... kan maar zo werkt het op het eerste zicht :-)

head:
Code: 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script>
	function toggleGroup(elem) {
		jQuery("input[type='radio']").each(function(i) {
        	if (this.name != 'option') jQuery(this).attr('disabled', 'disabled');
		});
		
		var naam = 'options' + elem.value;
		jQuery("input[name='"+ naam +"']").each(function(i) {
        	jQuery(this).attr('disabled', '');
		});

	}
</script>

body
Code: 
<form name="form" id="form">
    <input name="option" type="radio" value="1" onchange="toggleGroup(this)" /> options 1 <br/>
    <input name="option" type="radio" value="2" onchange="toggleGroup(this)" /> options 2 <br/>
    
    <input name="options1" type="radio" value="dsf" />1a <br/>
    <input name="options1" type="radio" value="dsf" />1b <br/>
    <input name="options1" type="radio" value="dsf" />1c <br/>
    
    <input name="options2" type="radio" />2a <br/>
    <input name="options2" type="radio" />2b <br/>
    <input name="options2" type="radio" />2c <br/>
</form>
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan