[JS] Dropdown >> Textfield

Pagina: 1
Acties:

  • TeeDee
  • Registratie: Februari 2001
  • Laatst online: 10:02
Ik wil vanuit een drop-down automatisch een invulbox invullen....

Hoe doe ik dat?

Groeten

Heart..pumps blood.Has nothing to do with emotion! Bored


  • dusty
  • Registratie: Mei 2000
  • Laatst online: 21-02 00:06

dusty

Celebrate Life!

je stuurt de juiste data mee en daarmee maak je de verschillende options die nodig zijn. :)

vage vragen krijgen vage antwoorden.

Back In Black!
"Je moet haar alleen aan de ketting leggen" - MueR


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
dusty:
(..)
vage vragen krijgen vage antwoorden.
Teedee?: zou je je vraag a.u.b. iets duidelijker op kunnen stellen ? we kunnen zo heel moeilijk een duidelijk antwoord geven ..

  • TeeDee
  • Registratie: Februari 2001
  • Laatst online: 10:02
Zonder te submitten....

Selecteren in een dropdown -> een variabele waarde in het invulscherm

En daarna submitten....


Kueuze ui vier opties (nl. straten) vervolgens automatisch de postcodes en de plaatsten in de velden eronder

...


Bedankt!
Op dinsdag 25 september 2001 16:29 schreef dusty het volgende:
je stuurt de juiste data mee en daarmee maak je de verschillende options die nodig zijn. :)

vage vragen krijgen vage antwoorden.

Heart..pumps blood.Has nothing to do with emotion! Bored


  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 15-09 16:29
Zoiets;
<FORM>
<SELECT NAME="blaat" onchange="this.form.veld.value = this.options[this.selectedIndex].value">
<OPTION VALUE=""> Selecteer een stad:
<OPTION VALUE="1200"> Amsterdam
<OPTION VALUE="2500"> Den Haag
<OPTION VALUE="2681"> Monster
</SELECT>
<INPUT TYPE="text" NAME="veld">
</FORM>
code:
1
2
3
4
5
6
7
8
9
<FORM>
<SELECT NAME="blaat" onchange="this.form.veld.value = this.options[this.selectedIndex].value">
  <OPTION VALUE=""> Selecteer een stad:
  <OPTION VALUE="1200"> Amsterdam
  <OPTION VALUE="2500"> Den Haag
  <OPTION VALUE="2681"> Monster
</SELECT>
<INPUT TYPE="text" NAME="veld">
</FORM>

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Naja .. hier zit nog een foutje in maark moet nu nokkeh dus .. zie maar wat je dermee doet:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<body>
<script language="JavaScript" type="text/javascript">
var gegevens = new Array();

gegevens[0][0] = "8943 GL";
gegevens[0][1] = "Emmen";
gegevens[1][0] = "3489 PM";
gegevens[1][1] = "Den Hoag";
gegevens[2][0] = "1234 AA";
gegevens[2][1] = "Zandvoort";
gegevens[3][0] = "5518 MF";
gegevens[3][1] = "Maastricht";


function doeFFgezond(idnr) {
   document.forms[0].postcode.value = gegevens[idnr][0];
   document.forms[0].plaats.value = gegevens[idnr][1];
}

</script>
<form>
<select name="straten" size="4" onChange="doeFFgezond(this.value);">
<option value="0">Blaatstraat 34
<option value="1">Gaanmetdiebanaanlaan 23
<option value="2">WegisWeg 74b
<option value="3">SpringintVeld 112
</select>

<input type="text" size="7" name="postcode" onChange="doeFFgezond();" style="font-family: Verdana, Arial font-size: 10pt;">
<input type="text" size="20" name="plaats" onChange="doeFFgezond();" style="font-family: Verdana, Arial font-size: 10pt;">

</form>
</body>
</html>

En anders vis je 't even ergens van een of andere site ..
developer.irt.org
javascript.internet.com
...

//edit: Naja .. kweeetniet waarom deze het niet wil doen, maar xag dat McVirusS dér ondertussen ook al eentje, een stuk netter verpakt, had gepost :)

  • TeeDee
  • Registratie: Februari 2001
  • Laatst online: 10:02
hmmz... heb mun collega weer zitten posten |:) toch maar eens aanraden dat ie zelf ff account fixed :)

Heart..pumps blood.Has nothing to do with emotion! Bored


Verwijderd

Kom er nog niet helemaal uit;



<script language="JavaScript" type="text/javascript">
var gegevens = new Array();

gegevens[1][1] = "Postbus nr";
gegevens[1][2] = "0000";
gegevens[1][3] = "xx";
gegevens[1][4] = "Amsterdam";

..... verdere gegevens

function loadForm(nr) {

document.forms.form.straat.value = gegevens[nr]1;
document.forms.form.postcode_cijfers.value = gegevens[nr]2;
document.forms.form.postcode_letters.value = gegevens[nr]3;
document.forms.form.plaats.value = gegevens[nr]4;
}

</script>

<form name=form>
<select name="straten" onChange="loadForm(this.value);">
<option value="1" selected>Amsterdam (Postbus)</option>
<option value="2">Amsterdam (Adres)</option>
<option value="3">Zwolle</option>
<option value="4">Den Bosch</option>
</select>
<p>
<input type="text" size="20" name="straat"><br>
<input type="text" size="4" name="postcode_cijfers">
<input type="text" size="2" name="postcode_letters">
<input type="text" size="20" name="plaats">
</form>



Hij blijft niet werken, wat zit hier fout?

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 15-09 16:29
Goede code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<script language="JavaScript" type="text/javascript">
var gegevens = new Array();

gegevens[1][1] = "Postbus nr";
gegevens[1][2] = "1200";
gegevens[1][3] = "xx";
gegevens[1][4] = "Amsterdam";

gegevens[2][1] = "Straat";
gegevens[2][2] = "1200";
gegevens[2][3] = "xx";
gegevens[2][4] = "Amsterdam";

gegevens[3][1] = "Straat";
gegevens[3][2] = "6666";
gegevens[3][3] = "xx";
gegevens[3][4] = "Zwolle";

gegevens[4][1] = "Postbus nr";
gegevens[4][2] = "0000";
gegevens[4][3] = "xx";
gegevens[4][4] = "Den Bosch";

function loadForm(nr,form) {
    form.straat.value = gegevens[nr][1];
    form.postcode_cijfers.value = gegevens[nr][2];
    form.postcode_letters.value = gegevens[nr][3];
    form.plaats.value = gegevens[nr][4];
}
</script>

<form name="form">
<select name="straten" onChange="loadForm(this.options[this.selectedIndex].value,this.form);">
    <option value="1" selected>Amsterdam (Postbus)</option> 
    <option value="2">Amsterdam (Adres)</option>
    <option value="3">Zwolle</option>
    <option value="4">Den Bosch</option> 
</select>
<p> 
    <input type="text" size="20" name="straat"><br>
    <input type="text" size="4" name="postcode_cijfers">
    <input type="text" size="2" name="postcode_letters">
    <input type="text" size="20" name="plaats">
</form>

Edit: even wat meer officieel gebruik gemaakt van formelementen en properties :P. (this.value vervangen door this.options[this.selectedIndex].value).

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 10:02

Pelle

🚴‍♂️

Op woensdag 26 september 2001 13:58 schreef McVirusS het volgende:
Goede code:
Ja? Nee :)
Ik krijg hier ook diezelfde foutmelding: 'gegevens.1' is null or not an object (IE5.5). Ik denk dat 't 'm zit in de declaratie van de array.

Voeg dit nog even toe onder 'var gegevens = new Array();'
code:
1
2
3
for (i=1; i<=4; i++) {
    gegevens[i] = new Array(4);
}

Nu weet JS tenminste dat het om een tweedimensionale array gaat.

McVirusS -> scriptje niet getest? Foei ;)

Verwijderd

Hij doet het nu, op een ding na:

IE geeft een fot melding dat
object gegevens[...]1 niet bestaat,

Hij krijgt dus geen value mee....

Wat ga ik hier aan doen

Verwijderd

Hij werkt nu!

Heel erg bedankt voor jullie inzet!

Groeten
Pagina: 1