Avatar billede senj Nybegynder
28. november 2001 - 11:04 Der er 3 kommentarer og
1 løsning

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>
Avatar billede nute Nybegynder
28. november 2001 - 11:10 #1
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>
Avatar billede senj Nybegynder
28. november 2001 - 11:13 #2
Nute>> Det virker jo fint. Det skal være sådan at eksisterende options bliver slettet først!
Avatar billede nute Nybegynder
28. november 2001 - 11:15 #3
så skal du bare legge inn denne linje som første linje i din \'updateselect\' funksjon:

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

/nute
Avatar billede senj Nybegynder
28. november 2001 - 11:17 #4
KANON!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester