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

onChange

arian - 29/08/2006 11:32

HTML interesse

Hoi,

Ik heb net dit stukje code inelkaar gezet:

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

                <select onchange="template_bijschrift(this.value)"> 
<option value="optie1">Optie 1</option> 
<option value="optie2">Optie 2</option> 
<option value="optie3">Optie 3</option> 
</select> 

<script type="text/javascript"> 
<!-- 
function template_bijschrift(tekst){ 
document.write(tekst); 
} 
// --> 
</script> 

            
<select onchange="template_bijschrift(this.value)"> 
<option value="optie1">Optie 1</option> 
<option value="optie2">Optie 2</option> 
<option value="optie3">Optie 3</option> 
</select> 
 
<script type="text/javascript"> 
<!-- 
function template_bijschrift(tekst){ 
document.write(tekst); 
} 
// --> 
</script>
 

Deze laat een tekstje zien als je een andere optie selecteerd.

Maar als je dus een andere optie selecteerd gaat de selectie box weg.
En als ik nog geen optie heb veranderd, dan staat er nog niks. En ik wil dus dat hij gelijk de van geselecteerde (dus als je de pagina opent waar deze dan opstaat) optie de value laat zien.

Hier kwam ik nog niet helemaal uit...

Groeten,
Arian

8 antwoorden

Gesponsorde links

letscode - 29/08/2006 11:41
HTML beginner		en als je van template_bijschrift(this.value) eens template_bijschrift(this.options[this.selectedIndex].value) maakt? Helpt dat?

Thomas - 29/08/2006 11:41

Moderator

Het beste kun je dan de value in een div plakken, met innerHTML?

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

                <form action="..." method="post">
<select onchange="template_bijschrift(this.value)"> 
<option value="optie1">Optie 1</option> 
<option value="optie2">Optie 2</option> 
<option value="optie3">Optie 3</option> 
</select>
</form>

<div id="blaat"><!-- hier komt de value van de geselecteerde optie --></div>

<script type="text/javascript"> 
<!-- 
function template_bijschrift(tekst)
{
  var doel = document.getElementById("blaat");
  doel.innerHTML = tekst;
} 
//--> 
</script>
            
<form action="..." method="post">
<select onchange="template_bijschrift(this.value)"> 
<option value="optie1">Optie 1</option> 
<option value="optie2">Optie 2</option> 
<option value="optie3">Optie 3</option> 
</select>
</form>
 
<div id="blaat"><!-- hier komt de value van de geselecteerde optie --></div>
 
<script type="text/javascript"> 
<!-- 
function template_bijschrift(tekst)
{
  var doel = document.getElementById("blaat");
  doel.innerHTML = tekst;
} 
//--> 
</script>
 

arian - 29/08/2006 12:40
HTML interesse		@FangorN: Geweldig... @zjean: Helaas dat dat van jou niet werkt... Maar ik begrijp wel wat je bedoelt... ik weet alleen niet hoe ik het wel werkend krijg... ism met FangorN zijn stukje... Want als bijvoorbeeld optie3 is geselecteerd moet de value dus in die div komen... en aangezien ik niet altijd weet welke optie standaard is geselecteerd (wordt gedaan met php) kan ik dus niet gewoon een tekstje wat hetzelfde is als de value van optie1 schrijven... Dus voordat een optie is veranderd al de value van de 'select="selected"' wordt weergegeven in de div.

Thomas - 29/08/2006 13:00
Moderator		Citaat: Want als bijvoorbeeld optie3 is geselecteerd moet de value dus in die div komen... en aangezien ik niet altijd weet welke optie standaard is geselecteerd (wordt gedaan met php) kan ik dus niet gewoon een tekstje wat hetzelfde is als de value van optie1 schrijven... Als je in PHP de beschikking hebt over die informatie, dan kun je dat wel, je kunt toch m.b.v. PHP tekst afdrukken? Waar wil je het precies voor gebruiken? Wil je het gebruiken om een formulier te initialiseren (goede beginwaarden te geven) voor als je gegevens van het een of ander wilt wijzigen?

arian - 29/08/2006 13:47
HTML interesse		Php geeft alleen aan welke optie geselecteerd is... De tekst zit niet in een database ofzo... Ik kan wel een lange if else functie maken, of een switch... maar dat lijkt mij een beetje doelloos... Kan je niet niet gewoon in die div al de value van de gesellecterde optie met js printen?

Ontani - 29/08/2006 13:50 (laatste wijziging 29/08/2006 13:50)

-1

doe gewoon een actie bij body onload ofzo:

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

                <script type="text/javascript">
<!--
function checkForm() {
 document.getElementById('blaat').innerHTML = document.getElementById('selectBox').value;
}
-->
</script>

<body onload="checkForm();">
<form action="..." method="post">
<select onchange="template_bijschrift(this.value)" id="selectBox" > 
<option value="optie1">Optie 1</option> 
<option value="optie2">Optie 2</option> 
<option value="optie3">Optie 3</option> 
</select>
</form>

<div id="blaat"><!-- hier komt de value van de geselecteerde optie --></div>
            
<script type="text/javascript">
<!--
function checkForm() {
 document.getElementById('blaat').innerHTML = document.getElementById('selectBox').value;
}
-->
</script>
 
<body onload="checkForm();">
<form action="..." method="post">
<select onchange="template_bijschrift(this.value)" id="selectBox" > 
<option value="optie1">Optie 1</option> 
<option value="optie2">Optie 2</option> 
<option value="optie3">Optie 3</option> 
</select>
</form>
 
<div id="blaat"><!-- hier komt de value van de geselecteerde optie --></div>
 

Thomas - 29/08/2006 14:08
Moderator		Doet dat niet hetzelfde als mijn codefragment?

arian - 29/08/2006 14:08 (laatste wijziging 29/08/2006 14:12)
HTML interesse		Kijk, dat zocht ik nou^^ @FangorN: Ik moet ze alle twee gebruiken... Die van Ontari zorgt ervoor dat hij er standaard instaat, die van jou zorgt ervoor dat hij veranderd;)

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten