/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Ændre tekst via select
Fra : Martin


Dato : 20-06-06 08:43

Hej

Jeg har en alm. html select med 2 options i.

<select name="option">
<option value='1'>Nummer 1</option>
<option value='2'>Nummer 2</option>
</select>

<span name="text">{her skal den valgte stå}</span>


Når man så vælger Nummer 1, så skal den tage Nummer 1 udfra et array
defineret i javascript, og nummer 2 når den er valgt.

Hvordan gøres det ?

 
 
Henrik Stidsen (20-06-2006)
Kommentar
Fra : Henrik Stidsen


Dato : 20-06-06 18:24

Martin wrote on 20-06-2006 :
> Jeg har en alm. html select med 2 options i.

> <select name="option">

Den her laver du om til:
<select id="option" onchange="optionChange();">

> <span name="text">{her skal den valgte stå}</span>

Og den her til:
<span id="text"></span>

> Når man så vælger Nummer 1, så skal den tage Nummer 1 udfra et array
> defineret i javascript, og nummer 2 når den er valgt.

I mellem <head> og </head> tilføjer du så:
<script type="text/javascript">
function optionChange()
{
var selectbox = document.getElementById('option');
var textfelt = document.getElementById('text');
if(selectbox != null && textfelt != null)
{
textfelt.innerHTML =
arraymedtekster[selectbox.options[selectbox.selectedIndex].value];
}
}
</script>

Uden garanti, ikke testet - men nu har du noget at arbejde med og det
skulle gerne virke :)

--
Henrik Stidsen - http://henrikstidsen.dk/
"Frisbeetarianism is the belief that when you die, your soul goes up on
the roof and gets stuck." - George Carlin



Martin (22-06-2006)
Kommentar
Fra : Martin


Dato : 22-06-06 18:45

Henrik Stidsen wrote:
> Den her laver du om til:
> <select id="option" onchange="optionChange();">
>
> Og den her til:
> <span id="text"></span>
>
> I mellem <head> og </head> tilføjer du så:
> <script type="text/javascript">
> function optionChange()
> {
> var selectbox = document.getElementById('option');
> var textfelt = document.getElementById('text');
> if(selectbox != null && textfelt != null)
> {
> textfelt.innerHTML =
> arraymedtekster[selectbox.options[selectbox.selectedIndex].value];
> }
> }
> </script>
>
> Uden garanti, ikke testet - men nu har du noget at arbejde med og det
> skulle gerne virke :)

Det virker skam helt perfekt :)

MEN, nu er det sådan at når man kommer ind på siden, så er der allerede
en valgt i select'en, kan man også tilføje mulighed for at den vises med
det samme, med det tekst arrayet ?

Henrik Stidsen (22-06-2006)
Kommentar
Fra : Henrik Stidsen


Dato : 22-06-06 20:27

Martin brought next idea :
> MEN, nu er det sådan at når man kommer ind på siden, så er der allerede en
> valgt i select'en, kan man også tilføje mulighed for at den vises med det
> samme, med det tekst arrayet ?

tilføj onload="optionChange();" til <body> så den kører funktionen når
siden er indlæst

--
Henrik Stidsen - http://henrikstidsen.dk/
"The precogs are never wrong. But sometimes they... disagree. "
- Dr. Iris Henimen, The Minority Report



Martin (22-06-2006)
Kommentar
Fra : Martin


Dato : 22-06-06 21:03

Henrik Stidsen wrote:
> tilføj onload="optionChange();" til <body> så den kører funktionen når
> siden er indlæst
>

Selvfølgelig! - Tak for hjælpen.

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste