---
title: "Realtidsupdate?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/58388-realtidsupdate"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2002-11-07T21:21:41.000Z"
updated: "2002-11-12T07:21:33.000Z"
replies: 12
views: 239
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/58388-realtidsupdate"
---

# Realtidsupdate?

## #1 — Jesper T, 2002-11-07T21:21Z

Här kommer en liten följdfråga som nu har glidit in i Javscriptvärlden. Går det att trixa så att värdet i "testar" uppdateras när man ändrar i selecten utan att framen laddas om?

```
<form name="Dygn" methode="post" action="aaa.asp?" target="iFrame">
<select name="Dygn_id" onChange="javascript:submit();">
<option value='1' selected>Alla m&aring;ltider</option>
<option value='2' >Frukost</option>
<option value='3' >Lunch</option>
<option value='4' >Middag</option>
<option value='5' >Mellanm&aring;l</option>
</select>
<input type="hidden" name="Id" value="22">
<input type="hidden" name="Datum" value="2002-11-04"></form>
[red]<script language="javascript">
testar=(this.document.Dygn.Dygn_id.options[document.Dygn.Dygn_id.selectedIndex].value);
</script>

<script>
document.write(testar);
</script>[/red]
```

Permalänk: https://www.webforum.nu/p/58388

## #2 — Palleman, 2002-11-07T23:10Z

Vill du bara visa värdet kan du lösa det på detta sätt:

```
[RED]<form name="Dygn" method="post" action="aaa.asp?" target="iFrame">

    <select name="Dygn_id" onchange="javascript:submit();this.form.testar.value=this.form.Dygn_id.options[this.form.Dygn_id.selectedIndex].value;">
    <option value="1" selected="selected">Alla måltider</option>
    <option value="2">Frukost</option>
    <option value="3">Lunch</option>
    <option value="4">Middag</option>
    <option value="5">Mellanmål</option>
    </select>

    <br /><br />

    <input type="text" name="testar" style="border: solid 0px;" />

    <input type="hidden" name="Id" value="22" />
    <input type="hidden" name="Datum" value="2002-11-04" />

</form>[/RED]
```

Permalänk: https://www.webforum.nu/p/847025

## #3 — Palleman, 2002-11-07T23:13Z

Hoppsan, nu blidde det visst XHTML, hoppas det är ok.. :OO :)

Permalänk: https://www.webforum.nu/p/847026

## #4 — Jesper T, 2002-11-07T23:13Z

Värdet och texten (value,text). Har du något tips?

Permalänk: https://www.webforum.nu/p/847027

## #5 — Palleman, 2002-11-07T23:19Z

Aha, du vill ha med visningsvärdet mellan *\<option\>* och *\</option\>* också, rätt?

Permalänk: https://www.webforum.nu/p/847030

## #6 — Jesper T, 2002-11-07T23:21Z

ja, den ligger ju i :this.document.Dygn.Dygn_id.options\[document.Dygn.Dygn_id.selectedIndex\].**text;**

Men jag skulle vilja ha båda, man kanske kan göra någon slags funktion eller så?! Men det kanske är bättre med lager också men då har jag ingen aning hur man gör.

Permalänk: https://www.webforum.nu/p/847031

## #7 — Palleman, 2002-11-07T23:27Z

Ok, då är det bara att lägga till det i koden.
Hela *onchange-snutten* skulle då se ut så här:

```
[RED] onchange="javascript:submit();this.form.testar.value=this.form.Dygn_id.options[this.form.Dygn_id.selectedIndex].value+', '+this.form.Dygn_id.options[this.form.Dygn_id.selectedIndex].text;"[/RED]
```

Permalänk: https://www.webforum.nu/p/847034

## #8 — Jesper T, 2002-11-07T23:30Z

Tack! :)
Vad tror du om webläsarkompatibiliteten på detta?

Permalänk: https://www.webforum.nu/p/847035

## #9 — Palleman, 2002-11-07T23:37Z

Testat det i IE 6.0, Mozilla 1.1 och Opera 6.05.
Allt fungerar som det ska, dock syns textfältet som fångar upp värdet i Opera.. inte så snyggt, men det fungerar. :)

Permalänk: https://www.webforum.nu/p/847038

## #10 — Jesper T, 2002-11-07T23:42Z

Tack så här blev min version. Det kanske går att slipa på den och lägga allt i någon slags funktion, och smidigast skulle kanske ändå vara lager. Har någon sätt något liknande eller har någon idé så, hojta! :)

```
<form name="Dygn" method="post" action="aaa.asp?" target="iFrame">

    <select name="Dygn_id" onchange="javascript:submit();this.form.testar.value=this.form.Dygn_id.options[this.form.Dygn_id.selectedIndex].value;this.form.testar2.value=this.form.Dygn_id.options[this.form.Dygn_id.selectedIndex].text;">
    <option value="1" selected="selected">Alla måltider</option>
    <option value="2">Frukost</option>
    <option value="3">Lunch</option>
    <option value="4">Middag</option>
    <option value="5">Mellanmål</option>
    </select>

    <input type="text" name="testar" style="border: solid 0px;" onFocus="this.blur();">
    <input type="text" name="testar2" style="border: solid 0px;" onFocus="this.blur();">
    <input type="hidden" name="Id" value="22">
    <input type="hidden" name="Datum" value="2002-11-04">

</form>
```

Permalänk: https://www.webforum.nu/p/847040

## #11 — Jesper T, 2002-11-08T17:43Z

Är det någon som har ett tips hur man kan lösa detta med lager och en function istället?

Permalänk: https://www.webforum.nu/p/850370

## #12 — colione, 2002-11-10T23:09Z

> **Jesper T skrev:**
>
> Är det någon som har ett tips hur man kan lösa detta med lager och en function istället?

1\. Vad skall du använda lagren till?
2\. Varför behöver du en funktion och vad skall den utföra?

Permalänk: https://www.webforum.nu/p/851816

## #13 — Jesper T, 2002-11-12T07:21Z

1\. Dropplisten ligger på en huvudsida som länkar till en iframe och jag vill "visualisera" vilken sida jag är på, på själva "huvudsidan"(Det syns ju visserligen i dropplisten, men jag vill göra det tydligare).
2\. Nja, jag skulle kanske vilja få detta att fungera med lager istället för att uppdatera inputfältet med sidolänken och då kanske man måste använda en javascriptfunktion.

Permalänk: https://www.webforum.nu/p/852635

---

Tråden på webben: https://www.webforum.nu/amne/javascript/58388-realtidsupdate