[js] pulldown menu-->gegevens naar text veld

[hobbeldebobbel]

waar ik nu al een tijdje mee zit te kloten is het volgende:
(1) ik heb een puldown menuutje met daarin een aantal waarden.
(2) ik heb een database met daarin diezelfde waarden gekoppeld aan een beschrijving.
(3) een leeg text veld

nu wel ik ervoor zorgen dat als je een waarde selecteerd in (1) dat dan de bijbehorende beschrijving in het lege text veld getoond wordt..... maar deze moet wel editable blijven.
wat nog een voorwaarde is dat de pagina niet opnieuw geladen wordt

mijn eerste opzetje was iets in deze richting:

code:

function toon_beschrijving(a)
{
document.form.value = a;
}

in html:
<select >
      <option onSelect="toon_beschrijving('dit is beschrijving 1')" value=2341>2341</option>

aangezien ik alles uit een database haal, is het geen probleem om voor ieder ding de bovenstaande regel te maken.

aleen hijdoet het niet
is het de onSelect of de functie?

[disjfa]

http://www.devguru.com/Te...ckref/evhan_onselect.html

ff snel gekeken...

Event handler for Text,Textarea

wat jij hebt is een option.... wat is het verschil....

[hobbeldebobbel]

nou dit is het verschil:

In the following example, selecting some of the text in the Text object causes the 'selectEvent' function to execute:

hij werkt namelijk niet hahaha

<select>
<option onSelect="alert('hallo')" value=xxxxx>vvvv</option>
</select>

werkt dus niet

[disjfa]

dat komt omdat de onselect niet op options werken en waar staat je onselect..... in je option.

gaat dus idd nooit werken. ik zou eens zoeken naar select en onchange

_{jahoor... komt crisp weer met een kant en klare oplossing}

[ Voor 19% gewijzigd door disjfa op 24-12-2003 15:52 ]

[crisp]

dat is een leuke voor een custom attribuut

HTML:

<form action="bla.php" id="myForm">
  <select onchange="toon_beschrijving(this)">
    <option value="" beschrijving="">Kies:</option>
    <option value="1234" beschrijving="Beschrijving 1234">1234</option>
    <option value="5678" beschrijving="Beschrijving 5678">5678</option>
  </select>
  <input name="beschrijving" type="text" />
</form>

JavaScript:

function toon_beschrijving(select) {

  var i = select.selectedIndex;
  var b = select.options[i].getAttribute('beschrijving');
  document.forms['myForm'].elements['beschrijving'].value = b;

}

[hobbeldebobbel]

hahahahaha die beschrijving attribute is grappig nooit geweten dat je dat kan doen.... maar nu is het namelijk super makkelijk, met php en mysql een do-while loopje gebruiken om steeds eenzelfde regel te maken, met de beschrijving erin.....

nooitgeweten dat er iets is als een custom attribute

thanx crisp

[crisp]

hobbeldebobbel schreef op 24 december 2003 @ 15:57:
hahahahaha die beschrijving attribute is grappig nooit geweten dat je dat kan doen.... maar nu is het namelijk super makkelijk, met php en mysql een do-while loopje gebruiken om steeds eenzelfde regel te maken, met de beschrijving erin.....

nooitgeweten dat er iets is als een custom attribute

thanx crisp

officieel is er ook niet zoiets als een custom attribute, en je code zal niet HTML valideren. Wat ik wel weet is dat dit in alle moderne browsers goed werkt (alleen MAC IE heeft hier moeite mee geloof ik)

[ Voor 4% gewijzigd door crisp op 24-12-2003 16:03 ]

[hobbeldebobbel]

owww tja de gebruikers van dit formulier hebben toch allemaal windows.....

http://www.stack.nl/~ries/klachten/klacht.php

is ie reeds gebruikt alleen heb ik nog een probleempje met de styl van dat pulldownmenuutjee... maar dat moet ook nog wel op te lossen zijn

[crisp]

de borders van de select zelf en het pijltje kan je niet stylen...

[hobbeldebobbel]

ik lees het net allemaal op de search jah... grrrr misschien dan toch maar een andere oplossing verzinnen.. ziet er niet uit zo