Avatar billede voirsous Nybegynder
04. marts 2005 - 11:53 Der er 8 kommentarer og
1 løsning

Klik på option og input får værdi

Hej,

jeg har en <select> med en masse options, når der klikkes på select skal et input få en værdi.

Det drejer sig om at jeg har en select med en række biler, når en af dem bliver klikket på skal den finde værdien fra ud fra value på min <option> i _et_eller_andet_javascript_array_ og så smide værdien fra arrayede i mit input felt.
Avatar billede olebole Juniormester
04. marts 2005 - 12:05 #1
<ole>

kode?

/mvh
</bole>
Avatar billede roenving Novice
04. marts 2005 - 12:18 #2
F.eks.

<script type="text/javascript">
var biler = ['Min','Din','Mosters','Onkels'];
var dore = ['4','3','2','5'];

function fillFields(sel){
  var f = sel.form;
  f.bil.value = biler[+sel.value];
  f.antDore.value = dore[+sel.value];
}
</script>

<form>
Bil: <input type="text" name="bil"><br>
Antal døre: <input type="text" name="antDore"><br>
<select onchange="fillFields(this);">
  <option>Vælg bil</option>
  <option value="0">Min bil</option>
  <option value="1">Din bil</option>
  <option value="2">Mosters bil</option>
  <option value="3">Onkels bil</option>
</select>
</form>
Avatar billede di8leva Nybegynder
04. marts 2005 - 12:19 #3
Mener du dette?
---------------------------------------------------------
<html>
<script language="JavaScript" type="text/JavaScript">
function update()
{
    document.myform.text.value = document.myform.sel.value;
}
</script>
<form name="myform">
<select name="sel" size="5" onChange="update();">
<option value="Chevrolet">1: Chevy</option>
<option value="Volvo S80">2: Volvo</option>
<option value="Saab 9-5">3: Saab</option>
<option value="Audi TT">4: Audi</option>
<option value="Volkswagen">5: vW</option>
</select>
<br>
<input type="text" name="text">
</form>
Avatar billede voirsous Nybegynder
04. marts 2005 - 12:43 #4
roenvind meget fint, pånær at jeg burde hav en 5dørs - og ikke en 3dør :)
I andre tak for forsøget.
Avatar billede roenving Novice
04. marts 2005 - 12:49 #5
-- jeg tænkte på, at du kunne vise den til din kæreste !-)

Velbekomme '-)
Avatar billede voirsous Nybegynder
04. marts 2005 - 12:57 #6
roenwing kan man ikke lave det sådan i array så den value fra option går op og henter værdien ala det her

ara[optionvalue]


og ara så sådan her ud
ara[20] = 24
ara[55] = 12
f.eks.

?
Avatar billede roenving Novice
04. marts 2005 - 13:10 #7
Jo, det kan du sagtens, men det var bare meget nemmere at skrive det, som jeg gjorde ...

-- men måske er det den anden vej rundt, som vil være det nemmeste:

<script type="text/javascript">
var biler = new Array();
biler['Min'] = [4,'Hatchback','130Hk'];
biler['Din'] = [3,'Mini','57Hk'];
biler['Mosters'] = [2,'Ultramini','63Hk'];
biler['Onkels'] = [5,'Stationcar','127Hk'];

function fillFields(sel){
  var f = sel.form;
  f.bil.value = sel.value;
  f.antDore.value = biler[sel.value][0];
  f.bilType.value = biler[sel.value][1];
  f.motor.value = biler[sel.value][2];
}
</script>

<form>
Bil: <input type="text" name="bil"><br>
Antal døre: <input type="text" name="antDore"><br>
Biltype: <input type="text" name="bilType"><br>
Motorstørrelse: <input type="text" name="motor"><br>
<select onchange="fillFields(this);">
  <option>Vælg bil</option>
  <option value="Min">Min bil</option>
  <option value="Din">Din bil</option>
  <option value="Mosters">Mosters bil</option>
  <option value="Onkels">Onkels bil</option>
</select>
</form>
Avatar billede voirsous Nybegynder
15. marts 2005 - 09:49 #8
meget fint :)
Avatar billede roenving Novice
16. marts 2005 - 12:14 #9
Tak for point ;~}
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