Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Formulier forward (Opgelost)

bjorndecock - 29/01/2011 00:29

Nieuw lid

Ik ben op zoek naar het volgende formulier:
Je hebt een keuzelijst waarin leeftijden staan > als men er een kiest (vb 8j) en op 'Ga naar pagina' duwt, dat er dan geforward wordt naar de betreffende pagina op de website.

Ik heb al geprobeerd in jquery, maar helaas... het werkt niet.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<form method="post" action=""><fieldset>
<label>Kies een leeftijd</label> 
<select name="leeftijd">
<option label="Kies een leeftijd" value="0">Kies een filiaal</option>
<option label="8j" value="8j">8 Jaar</option>
<option label="9j" value="9j">9 Jaar</option>
<option label="10j" value="10j">10 Jaar</option>
</select>
</fieldset>
<button type="submit" name="leeftijd" >Ga naar pagina</button>
</form>

<form method="post" action=""><fieldset>
<label>Kies een leeftijd</label> 
<select name="leeftijd">
<option label="Kies een leeftijd" value="0">Kies een filiaal</option>
<option label="8j" value="8j">8 Jaar</option>
<option label="9j" value="9j">9 Jaar</option>
<option label="10j" value="10j">10 Jaar</option>
</select>
</fieldset>
<button type="submit" name="leeftijd" >Ga naar pagina</button>
</form>

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript">
		var leeftijdUrl	= "mijn site url/";
		$(document).ready(function() {				
			$("select[name=leeftijd]").each(function(){
				$(this).change(function(){
					if($(this).val() != 0){
					window.location = leeftijdUrl + $(this).val();
					}
				});
</script>
            
<script type="text/javascript">
		var leeftijdUrl	= "mijn site url/";
		$(document).ready(function() {				
			$("select[name=leeftijd]").each(function(){
				$(this).change(function(){
					if($(this).val() != 0){
					window.location = leeftijdUrl + $(this).val();
					}
				});
</script>
 

1 antwoord

Gesponsorde links

Kevin - 29/01/2011 14:29

Crew Ajax/REST

Topic verplaatst naar categorie JavaScript.

Probeer eens met:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<fieldset>
<label>Kies een leeftijd</label> 
<select name="leeftijd">
<option label="Kies een leeftijd" value="#">Kies een filiaal</option>
<option label="8j" value="8j">8 Jaar</option>
<option label="9j" value="9j">9 Jaar</option>
<option label="10j" value="10j">10 Jaar</option>
</select>
</fieldset>

<fieldset>
<label>Kies een leeftijd</label> 
<select name="leeftijd">
<option label="Kies een leeftijd" value="#">Kies een filiaal</option>
<option label="8j" value="8j">8 Jaar</option>
<option label="9j" value="9j">9 Jaar</option>
<option label="10j" value="10j">10 Jaar</option>
</select>
</fieldset>

javascript code - Bekijk de code zonder highlighting - Klap code in

                var leeftijdUrl    = "mijn site url/";
              
$(document).ready(function(){
              
      $("select[name='leeftijd']").change(function(){
         window.location = leeftijdUrl + $(this).val();
      });
  
});
            
var leeftijdUrl    = "mijn site url/";
 
$(document).ready(function(){
 
      $("select[name='leeftijd']").change(function(){
         window.location = leeftijdUrl + $(this).val();
      });
 
});
 

De submitknop leek mij overbodig omdat jQuery je onchange opvangt.

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten