Avatar billede pluth Nybegynder
03. maj 2007 - 08:41 Der er 8 kommentarer og
1 løsning

Dropdown valg udfylder textfelter

Hej,

Jeg har en dropdown, hvor jeg selvfølgelig har nogle valg.

Eks:

<SELECT SIZE="1" name="navne">
    <OPTION VALUE="">Vælg</OPTION>
      <OPTION VALUE="Thomas-Hansen">Thomas-Hansen</OPTION>
      <OPTION VALUE="Lars-Nielsen">Lars-Nielsen</OPTION>
    </select>

Hvis jeg så vælger Thomas-Hansen, så vil jeg gerne have, at disse 2 inputsfelter bliver udfyldt sådan

<input type="text" name="fornavn" value="Thomas" size="5">
<input type="text" name="efternavn" value="Hansen" size="5">

Er der nogen som kan hjælpe mig med noget JAVAscript som kan klare det ?
Avatar billede pluth Nybegynder
03. maj 2007 - 09:39 #1
Jeg har fundet dette, som dog kun indsætter det hele i et inputfelt. Nogen som måske kan rette i det, så det kan bruges ?

</script>
<script language="JavaScript">
function update() {
document.getElementById('fornavn').value=document.getElementById('navn').value;
}
</script>
Avatar billede mclemens Nybegynder
03. maj 2007 - 09:53 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html;

charset=iso-8859-1"><title>Ingen titel</title>

</head><body>
<form>
<SELECT SIZE="1" name="navne"

onchange="a=this.value.split('-');f=this.form;f.fornavn.value=a[0];f.efternavn.value=a[1];">
    <OPTION VALUE="">Vælg</OPTION>
      <OPTION VALUE="Thomas-Hansen">Thomas-Hansen</OPTION>
      <OPTION VALUE="Lars-Nielsen">Lars-Nielsen</OPTION>
    </select>

<input type="text" name="fornavn" value="Thomas" size="5">
<input type="text" name="efternavn" value="Hansen" size="5">
</form>

</body></html>
Avatar billede mclemens Nybegynder
03. maj 2007 - 09:53 #3
... Blev lidt ombrudt :-/
Avatar billede pluth Nybegynder
03. maj 2007 - 10:11 #4
Det virker - Mange tak for hjælpen :D
Avatar billede mclemens Nybegynder
03. maj 2007 - 10:41 #5
Velbekomme, og tak for point :o)
Avatar billede olebole Juniormester
03. maj 2007 - 15:00 #6
<ole>

Godt, man ikke hedder Lars-Emil Jensen  ;o)

/mvh
</bole>
Avatar billede mclemens Nybegynder
03. maj 2007 - 15:22 #7
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>
<form>
<SELECT SIZE="1" name="navne" onchange="a=this.value.split('-');f=this.form;f.fornavn.value=this.value.replace('-'+a[a.length-1],'');f.efternavn.value=a[a.length-1];">
    <OPTION VALUE="">Vælg</OPTION>
      <OPTION VALUE="Thomas-Hansen">Thomas-Hansen</OPTION>
      <OPTION VALUE="Lars-Emil-Jensen">Lars-Emil-Jensen</OPTION>
    </select>

<input type="text" name="fornavn" value="Thomas" size="5">
<input type="text" name="efternavn" value="Hansen" size="5">
</form>

</body></html>


... Men som Ole antder er det nok bedre med mellemrum ...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>
<form>
<SELECT SIZE="1" name="navne" onchange="a=this.value.split(' ');f=this.form;f.fornavn.value=a[0];f.efternavn.value=a[1];">
    <OPTION VALUE="">Vælg</OPTION>
      <OPTION VALUE="Thomas Hansen">Thomas Hansen</OPTION>
      <OPTION VALUE="Lars-Emil Jensen">Lars-Emil Jensen</OPTION>
    </select>

<input type="text" name="fornavn" value="Thomas" size="5">
<input type="text" name="efternavn" value="Hansen" size="5">
</form>

</body></html>
Avatar billede mclemens Nybegynder
03. maj 2007 - 15:22 #8
Tak for point :o)
Avatar billede pluth Nybegynder
04. maj 2007 - 11:21 #9
Hej Ole,

Godt input - Men lige i denne situation vil det ikke kunne ske.

Tak for hjælp og input
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