/ 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
Hvordan får jeg resultatet fra en dropdown~
Fra : Kasper Pedersen


Dato : 24-11-04 04:04

Hej,

Jeg har en dropdown-menu hvor jeg har nogle årstal. Når et arstal
bliver valgt skal dette overføres til en tabel der befinder sig
på samme side som dropdown-menuen.

Jeg synes jeg har prøvet det hele men det ser ikke ud til at
virke.

Understående er min kode for dropdown-menuen og
destinations-feltet. Jeg har renset koden for mine forsøg så der
er frit slag. Med eller uden knappen.

<table border="0" width="18%" id="table1" height="103">
<tr>
<td width="35%" height="25">
<p class = "mindreTekst">Vælg år:</p>
</td>

<td height="25" width="25%">
<select name="aar" size="1">
<option selected value="" class="kontaktTekst">2005</option>
<option class="kontaktTekst">2004</option>
</select>
</td>

<td width="25%">
<input type="submit" style="font-family: verdana, sans serif;
font-size: 11 px;
font-weight: bold;
color: black;
text-decoration: none;
text-align: center;
float: left;
height: 24; width:49"
value="Vælg" class="kontaktTekst"/>
</td>

</tr>

<tr>
<td colspan="3"><p class = "tekst">---ÅRET DER ER VALGT---
</p></td>
</tr>

</table>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jonas Schmeltz Aaber~ (24-11-2004)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 24-11-04 14:54

> Jeg har en dropdown-menu hvor jeg har nogle årstal. Når et arstal
> bliver valgt skal dette overføres til en tabel der befinder sig
> på samme side som dropdown-menuen.

> <table border="0" width="18%" id="table1" height="103">
> <tr>
> <td width="35%" height="25">
> <p class = "mindreTekst">Vælg år:</p>
> </td>
>
> <td height="25" width="25%">
> <select name="aar" size="1">
> <option selected value="" class="kontaktTekst">2005</option>
> <option class="kontaktTekst">2004</option>
> </select>
> </td>

Jeg foretrækker, at der er angivet en id-attribut:
<select name="aar" size="1" id="selAar">
<option selected value="" class="kontaktTekst">2005</option>
<option class="kontaktTekst">2004</option>
</select>


> <td width="25%">

> <input type="submit" style="font-family: verdana, sans serif;
> font-size: 11 px;
> font-weight: bold;
> color: black;
> text-decoration: none;
> text-align: center;
> float: left;
> height: 24; width:49"
> value="Vælg" class="kontaktTekst"/>

<input type="button" value="Vælg" class="kontaktTekst"/
onClick="indsaetAarstal();">
Hvorfor angiver du i øvrigt al den style, når den i forvejen er en del af
klassen "kontaktTekst"...?

> </td>
>
> </tr>
>
> <tr>
> <td colspan="3"><p class = "tekst">---ÅRET DER ER VALGT---
> </p></td>

<td colspan="3"><p class="tekst" id="pAar">&nbsp;</p></td>

> </tr>
>
> </table>

Følgende script kan løse dit problem:

<script type="text/javascript">
function indsaetAarstal() {
var elem = document.getElementById('selAar');
var aar = elem.options[elem.selectedIndex].text;
document.getElementById('pAar').innerHTML = aar;
}
</script>

Og "den nye" tabel samlet:

<table border="0" width="18%" id="table1" height="103">
<tr>
<td width="35%" height="25">
<p class = "mindreTekst">Vælg år:</p>
</td>
<td height="25" width="25%">
<select name="aar" size="1" id="selAar">
<option selected value="" class="kontaktTekst">2005</option>
<option class="kontaktTekst">2004</option>
</select>
</td>
<td width="25%">
<input type="button" value="Vælg" class="kontaktTekst"/
onClick="indsaetAarstal();">
</td>
</tr>
<tr>
<td colspan="3"><p class="tekst" id="pAar">&nbsp;</p></td>
</tr>
</table>


MVH Jonas (aka Juke)



Kasper Pedersen (24-11-2004)
Kommentar
Fra : Kasper Pedersen


Dato : 24-11-04 17:19

Jonas Schmeltz Aaberg wrote in dk.edb.internet.webdesign.clientside:
> > Jeg har en dropdown-menu hvor jeg har nogle årstal. Når et arstal
> > bliver valgt skal dette overføres til en tabel der befinder sig
> > på samme side som dropdown-menuen.
>
> > <table border="0" width="18%" id="table1" height="103">
> > <tr>
> > <td width="35%" height="25">
> > <p class = "mindreTekst">Vælg år:</p>
> > </td>
> >
> > <td height="25" width="25%">
> > <select name="aar" size="1">
> > <option selected value="" class="kontaktTekst">2005</option>
> > <option class="kontaktTekst">2004</option>
> > </select>
> > </td>
>
> Jeg foretrækker, at der er angivet en id-attribut:
> <select name="aar" size="1" id="selAar">
> <option selected value="" class="kontaktTekst">2005</option>
> <option class="kontaktTekst">2004</option>
> </select>
>
>
> > <td width="25%">
>
> > <input type="submit" style="font-family: verdana, sans serif;
> > font-size: 11 px;
> > font-weight: bold;
> > color: black;
> > text-decoration: none;
> > text-align: center;
> > float: left;
> > height: 24; width:49"
> > value="Vælg" class="kontaktTekst"/>
>
> <input type="button" value="Vælg" class="kontaktTekst"/
> onClick="indsaetAarstal();">
> Hvorfor angiver du i øvrigt al den style, når den i forvejen er en del af
> klassen "kontaktTekst"...?
>

Aner det ikke... :) Det må være en taste-neger fejl ude på de sene
aftentimer..

> > </td>
> >
> > </tr>
> >
> > <tr>
> > <td colspan="3"><p class = "tekst">---ÅRET DER ER VALGT---
> > </p></td>
>
> <td colspan="3"><p class="tekst" id="pAar"> </p></td>
>
> > </tr>
> >
> > </table>
>
> Følgende script kan løse dit problem:
>
> <script type="text/javascript">
> function indsaetAarstal() {
> var elem = document.getElementById('selAar');
> var aar = elem.options[elem.selectedIndex].text;
> document.getElementById('pAar').innerHTML = aar;
> }
> </script>
>
> Og "den nye" tabel samlet:
>
> <table border="0" width="18%" id="table1" height="103">
> <tr>
> <td width="35%" height="25">
> <p class = "mindreTekst">Vælg år:</p>
> </td>
> <td height="25" width="25%">
> <select name="aar" size="1" id="selAar">
> <option selected value="" class="kontaktTekst">2005</option>
> <option class="kontaktTekst">2004</option>
> </select>
> </td>
> <td width="25%">
> <input type="button" value="Vælg" class="kontaktTekst"/
> onClick="indsaetAarstal();">
> </td>
> </tr>
> <tr>
> <td colspan="3"><p class="tekst" id="pAar"> </p></td>
> </tr>
> </table>
>
>
> MVH Jonas (aka Juke)
>
>

Mange tak Juke! Virker perfekt


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jonas Schmeltz Aaber~ (24-11-2004)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 24-11-04 18:39

>> Hvorfor angiver du i øvrigt al den style, når den i forvejen er en del af
>> klassen "kontaktTekst"...?
> Aner det ikke... :) Det må være en taste-neger fejl ude på de sene
> aftentimer..

Kender det

> Mange tak Juke! Virker perfekt

Dejligt! (det var nemlig ikke testet)


MVH Jonas (aka Juke)



Søg
Reklame
Statistik
Spørgsmål : 177500
Tips : 31968
Nyheder : 719565
Indlæg : 6408518
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste