Realtidsupdate?

12 svar · 239 visningar · startad av Jesper T 7 nov. 2002

Jesper TMedlem sedan nov. 20017 144 inlägg

Trådstart7 nov. 2002 21:21#1

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]

PallemanMedlem sedan dec. 2000557 inlägg

7 nov. 2002 23:10#2

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]

PallemanMedlem sedan dec. 2000557 inlägg

7 nov. 2002 23:13#3

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

Jesper TMedlem sedan nov. 20017 144 inlägg

7 nov. 2002 23:13#4

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

PallemanMedlem sedan dec. 2000557 inlägg

7 nov. 2002 23:19#5

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

Jesper TMedlem sedan nov. 20017 144 inlägg

7 nov. 2002 23:21#6

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.

PallemanMedlem sedan dec. 2000557 inlägg

7 nov. 2002 23:27#7

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]

Jesper TMedlem sedan nov. 20017 144 inlägg

7 nov. 2002 23:30#8

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

PallemanMedlem sedan dec. 2000557 inlägg

7 nov. 2002 23:37#9

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.

Jesper TMedlem sedan nov. 20017 144 inlägg

7 nov. 2002 23:42#10

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>

Jesper TMedlem sedan nov. 20017 144 inlägg

8 nov. 2002 17:43#11

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

colioneMedlem sedan juni 20014 421 inlägg

10 nov. 2002 23:09#12

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?

Jesper TMedlem sedan nov. 20017 144 inlägg

12 nov. 2002 07:21#13

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.