Oprettet ons. d. 28. november 2001 kl. 11:04:19

senj
senj (30.768 point. Point ude: 200)

Opdater select via JS uden reload

Jeg skal have opdateret en select (LOV) via JS. I dette tilfælde skal brugeren udfylde fire textfelter og ved tryk på en knap skal selectbox´en opdateres med de indtastede værdier.

Siden på ikke reloades!!

Jeg har lavet forarbejdet, så det er lige til at gå til!

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script language=\"JavaScript\">
function updateselect()
{
    alert(\"Opdatering af select starter her!\");
}
</script>

<form name = \"minform\">
<input type = \"text\" name = \"f1\" size = 10><br>
<input type = \"text\" name = \"f2\" size = 10><br>
<input type = \"text\" name = \"f3\" size = 10><br>
<input type = \"text\" name = \"f4\" size = 10><br><br>
<input type = \"button\" value = \"Opdater Select (LOV)\" onclick = \"java script:updateselect();\"><br><br>
<select name=\"selectlist\" style=\"float: right; width: 150; position: absolute\" size=\"1\">
  <option value=\"1\">valg 1</option>
</select>
</form>

</body>
</html>

Skrevet ons. d. 28. november 2001 kl. 11:10:27| #1

nute
nute (88.776 point)
aller simpleste løsning:

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script language=\"JavaScript\">
function updateselect(){
  var f1 = document.minform.f1.value;
    var f2 = document.minform.f2.value;
    var f3 = document.minform.f3.value;
    var f4 = document.minform.f4.value;
    document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f1, f1 );
    document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f2, f2 );
    document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f3, f3 );
    document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f4, f4 );

}
</script>

<form name = \"minform\">
<input type = \"text\" name = \"f1\" size = 10><br>
<input type = \"text\" name = \"f2\" size = 10><br>
<input type = \"text\" name = \"f3\" size = 10><br>
<input type = \"text\" name = \"f4\" size = 10><br><br>
<input type = \"button\" value = \"Opdater Select (LOV)\" onclick = \"java script:updateselect();\"><br><br>
<select name=\"selectlist\" style=\"float: right; width: 150; position: absolute\" size=\"1\">
  <option value=\"1\">valg 1</option>
</select>
</form>

</body>
</html>

Skrevet ons. d. 28. november 2001 kl. 11:13:21| #2

senj
senj (30.768 point)
Nute>> Det virker jo fint. Det skal være sådan at eksisterende options bliver slettet først!

Skrevet ons. d. 28. november 2001 kl. 11:15:34| #3

nute
nute (88.776 point)
så skal du bare legge inn denne linje som første linje i din \'updateselect\' funksjon:

document.minform.selectlist.options.length = 0;

/nute

Skrevet ons. d. 28. november 2001 kl. 11:17:26| #4


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Hjælp til validering

Oprettet den 26. maj 2012 kl. 14.01
Stefan1 giver 20 point for svar | Giv et svar »

Javascript sliders?

Oprettet den 24. maj 2012 kl. 11.29
NizeGuy giver 15 point for svar | Giv et svar »

Validere navn i form

Oprettet den 22. maj 2012 kl. 15.13
13thsky giver 60 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger