[JAVASCRIPT] Waarde van een option, maar ook wat men ziet

[Tanuki]

Ik heb een <option> en die kan er als volgt uitzien:

<option value="waarde">Wat je ziet</option>

Nu wil ik met JavaScript "Wat je ziet" tevoorschijn toveren.

Ik kan wel met document.formulier.selectnaam.options[document.formulier.selectedIndex].value de waarde krijgen, maar hoe krijg ik die andere tekst?

[Tanuki]

Pfff, dat het zo makkelijk was, ik kon gewoon innerHTML gebruiken.

Of is dat weer zoiets dat wel werkt, maar waarvoor je beter iets anders kunt gebruiken?

[sig69]

.text?
.innerHtml?
.innerText?

[ Voor 68% gewijzigd door sig69 op 15-09-2006 12:38 ]

[crisp]

.text of via de HTML DOM: option.firstChild.nodeValue
innerHTML is echt te grof geschut hiervoor.

sig69: innerText is net als innerHTML IE-propriety maar wordt itt innerHTML niet zo breed ondersteund.

[ Voor 35% gewijzigd door crisp op 15-09-2006 12:41 ]

[XWB]

Of is dat weer zoiets dat wel werkt, maar waarvoor je beter iets anders kunt gebruiken?

Ja, je zou eens naar het DOM kunnen kijken

[Tanuki]

crisp schreef op vrijdag 15 september 2006 @ 12:40:
.text of via de HTML DOM: option.firstChild.nodeValue
innerHTML is echt te grof geschut hiervoor.

sig69: innerText is net als innerHTML IE-propriety maar wordt itt innerHTML niet zo breed ondersteund.

Maar jij zegt hier dat ik firstChild moet gebruiken, ik wil echter de value èn de tekst die zichtbaar is voor de geselecteerde option.

Ik ga in ieder geval even Googlen op dat nodeValue enzo.

Bedankt.

[sig69]

crisp schreef op vrijdag 15 september 2006 @ 12:40:
sig69: innerText is net als innerHTML IE-propriety maar wordt itt innerHTML niet zo breed ondersteund.

Dat kan, ik gooide er maar wat dingen uit die ik nog vaag van vroeger wist..

[crisp]

l0c4lh0st schreef op vrijdag 15 september 2006 @ 12:43:
[...]

Maar jij zegt hier dat ik firstChild moet gebruiken, ik wil echter de value èn de tekst die zichtbaar is voor de geselecteerde option.

Ik ga in ieder geval even Googlen op dat nodeValue enzo.

Bedankt.

Ja, in de HTML DOM is de tekst een textNode die een child is van je option Element, maar m.i. kan je hier beter gewoon de ECMAScript bindings binnen DOM voor gebruiken, dus:

JavaScript:

var text = option.text;
var value = option.value;

[RM-rf]

l0c4lh0st schreef op vrijdag 15 september 2006 @ 12:43:
[...]

Maar jij zegt hier dat ik firstChild moet gebruiken, ik wil echter de value èn de tekst die zichtbaar is voor de geselecteerde option.

ik zou je aanraden het gewoon bij het ouderwetse (al van HTML2.0 stammende FormObjectmodel) te blijven... domweg omdat dat in alle browsers gelijk is toegepast (alleen al firstChild zullen opera, mozilla explorer en safari allemaal nét wat anders mee doen, we hebben het hier namelijk om een 'standaard' en dat betekent dat iedereen zijn eigen interpretatie heeft, het lijkt soms net de protestantse kerk )

als je én de value én de text wil hebben, moet je gewoon beide opvragen:

JavaScript:

var Elm = document.forms['formulier'].elements['selectnaam']
var myValue = Elm.options[ Elm.selectedIndex ].value
var myText = Elm.options[ Elm.selectedIndex ].text
 alert( myValue +" "+myText )

[ Voor 6% gewijzigd door RM-rf op 15-09-2006 12:53 ]