Avatar billede askhoej Praktikant
18. juli 2001 - 16:32 Der er 16 kommentarer og
1 løsning

Input og Select

Er der nogen der kan hjælpe med et script der \"select\'er\" den rigtige <option> i en <select> ud fra et objekt_id der er indtastet i et tekst input felt, som svarer til value i selecten?

---------- Pseudo kode ---------------
<html>
<head>
<title>Test med Select og input</title>
<script>
<!-- Funktion der opdaterer select -->
function updateSelect(){
<!-- problemet -->
}
</script>   
</head>

<body>
<form>
<input type=\"text\" name=\"objekt_id\" onchange=\"updateSelect();\">
<select name=\"objekt_navn\">
<option>Objekter</option>
<option value=\"objekt_id\">Objekt navn 1</option>
<option value=\"objekt_id\">Objekt navn 2</option>
</select>
</form>
</body>
</html>
Avatar billede dodger Nybegynder
18. juli 2001 - 16:39 #1
Hvis du ændre value atributerne i option felterne til de ting du forventer der bliver skrevet i text feltet, så vil sådan noget som dette virke:

updateSelect() {
  document.forms[0].elements(\"objekt_navn\").value = document.forms[0].elements(\"objekt_id\").value
}
Avatar billede nute Nybegynder
18. juli 2001 - 16:40 #2
<html>
<head>
<title>Test med Select og input</title>
<script>
<!-- Funktion der opdaterer select -->
function updateSelect(){
  var id = document.form.objekt_id.value;
    if( id < document.form.objekt_navn.length ){
        document.form.objekt_navn.selectedIndex = id;
    } else {
      document.form.objekt_navn.selectedIndex = 0;
    }
}
</script>   
</head>

<body>
<form name=\"form\">
<input type=\"text\" name=\"objekt_id\" onchange=\"updateSelect();\">
<select name=\"objekt_navn\">
<option>Objekter</option>
<option value=\"1\">Objekt navn 1</option>
<option value=\"2\">Objekt navn 2</option>
</select>
</form>
</body>
</html>
Avatar billede askhoej Praktikant
18. juli 2001 - 16:46 #3
Tak for de hurtige svar :-)

Jeg når først at kigge videre på det i aften.
Avatar billede jakoba Nybegynder
18. juli 2001 - 17:05 #4
den skulle da vist søge sig frem til en option value der er den samme:

function updateSelect(){
  var id = document.form.objekt_id.value;
  var sel = document.form.Objekt_navn;
  for (var i=0; sel.options.length>i; i++ ) {
    if ( sel.options[i].value == id ) {
      sel.selectedIndex = id;
      return;
    }
  };
  document.form.objekt_navn.selectedIndex = 0;
};


mvh JakobA
Avatar billede jakoba Nybegynder
18. juli 2001 - 17:07 #5
Ups. glemte at rette:
      sel.selectedIndex = id;
til:
      sel.selectedIndex = i;
Avatar billede olebole Juniormester
18. juli 2001 - 17:18 #6
<ole>

<html>
<head>
<title>Test med Select og input</title>
<script>
// Funktion der opdaterer select
function updateSelect(which){
  if (which.t.value != \"\") {
    for (i=0; i<which.objekt_navn.length; i++) {
      if (which.objekt_navn.options[i].value == which.t.value) {
        which.objekt_navn.options[i].selected = true;
      }
    }
  }
}
</script>   
</head>
<body>
<form>
<input type=\"text\" name=\"t\" onkeyup=\"updateSelect(this.form);\" onchange=\"updateSelect(this.form);\">
<select name=\"objekt_navn\">
<option>Objekter</option>
<option value=\"objekt_id\">Objekt navn 1</option>
<option value=\"objekt_id\">Objekt navn 2</option>
</select>
</form>
</body>
</html>   

/mvh
</bole>
Avatar billede nute Nybegynder
18. juli 2001 - 17:23 #7
grrrr....er det noen av dere som opplever at noen postings forsvinner ? JEg har prøvd å poste noe flere ganger etter hverandre, men ingenting blir registrert. Jeg har også tidligere opplevd at jeg ikke får registrert mitt innlegg, men jeg mottar allikevel mail fra threaden.

Det er pisseirriterende :-| (spesielt når man har lyst til å komme med oppdateringer av sin løsning eller en kommentar til noe annet)

/frustrert
Avatar billede jakoba Nybegynder
18. juli 2001 - 17:27 #8
Et par enkelte gange (ikke nokt til at frustrere).
Hver gang har det nyttet at lukke computeren helt ned og op igen.

mvh JakobA
Avatar billede olebole Juniormester
18. juli 2001 - 17:27 #9
jakoba og nute >> Hvad sker der, hvis objekt_id er et navn og ikke et tal?  =o)
/mvh
Avatar billede nute Nybegynder
18. juli 2001 - 17:31 #10
olebole >> vel i et av mine lengre innlegg (som forsvant) så tok jeg høyde for nettopp dette. Jeg antok blindt at verdiene var fra 0 til n, men når jeg oppdaget at mitt innlegg forsvant, så orket jeg ikke å skrive det om igjen. I det samme innlegget skrev jeg også om onKeyUp...

/nute (håper på at dette kommer igjennom )
Avatar billede jakoba Nybegynder
18. juli 2001 - 17:37 #11
olebole > så bliver ingenting fundet. (medmindre samme streng står i valie)
  selectedIndex ender så med at blive sat til 0

det er da forresten forkert. 0 vælger første valg,
burede sættes til -1 for slet ikke noget valt.
( 1-0 til olebole :-)) )

eller måske hidtidige valg burde fortsætte.

mvh JakobA
Avatar billede olebole Juniormester
18. juli 2001 - 17:47 #12
Det kan være, jeg har så mange points, fordi jeg gemmer mig bag et stabilt MacOS...?!?!  *ROTFL*

ehhhhhh.....hvilket OS er du på, jakoba...eller er du bare hurtig til at reboote?  =oD
Avatar billede olebole Juniormester
18. juli 2001 - 17:55 #13
jakoba >> jeg havde ikke set din rettelse: 18/07 2001 17:07:17. Jeg synes, at options[0] valgt - ved intet valg - må være OK  ;o)
/mvh
Avatar billede jakoba Nybegynder
18. juli 2001 - 18:00 #14
jeg sitter på Win98.
Og har finpudset min reboot til det ultimative :-))

Men sådan som du snakker om ting der ikke dutter i mac-browserne må du da også få en masse hængende taskrester.
Avatar billede olebole Juniormester
18. juli 2001 - 18:02 #15
På den anden side, er MacOS yderst tollerant. Det har holdt mig ud i årevis og DET siger zq ikke så lidt  =oD
Avatar billede askhoej Praktikant
18. juli 2001 - 20:15 #16
Hey olebole

Hvordan tilføjer man input name som parameter i funktionen? (skal bruge funktionen på flere input og selects)
Avatar billede olebole Juniormester
19. juli 2001 - 00:31 #17
onkeyup=\"updateSelect(this.form,this,\'objekt_navn\');\"

<script>
// Funktion der opdaterer select
function updateSelect(which, inpt, sel){
  if (which.inpt.value != \"\") {
    for (i=0; i<which.sel.length; i++) {
      if (which.sel.options[i].value == which.inpt.value) {
        which.sel.options[i].selected = true;
      }
    }
  }
}
</script>

/mvh
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