javascript select probleem - Softwareontwikkeling

donderdag 23 oktober 2003 10:50

Acties:

Topicstarter

hoi

ik heb klein probleempje

ik heb dit scherm:
Afbeeldingslocatie: http://www.hawaii-team.nl/gfx/et.jpg

de value's van beide lists zijn het zelfde alleen de tekst die je ziet is anders.

nu wou ik dat als je b.v. in de eerste list iets selecteerd met de value "aa" dat hij dan automatisch in de andere list de option met dezelfde value wordt geselecteerd.

ik heb al geprobeerd om te refreshen maar dan laad hij de hele pagina opnieuw dat is dus niet de bedoeling.

M3 SR+ deep bleuMidnight grey/ Black /areo Bestel 19/8 restrictie 1/11 vin 11-12 aflevering 14-12

donderdag 23 oktober 2003 10:51

Acties:

whoami

Javascript hoort niet thuis in P&W, maar in W&G.
Zie ook de forumdescriptions.

p&w -> w&g

https://fgheysels.github.io/

donderdag 23 oktober 2003 10:57

Acties:

crisp

Devver

Pixelated

doet eens een voorbeeld stukje HTML posten.
Mijn 1e ingeving: onchange in je 1e selectbox de selectedIndex van je 2e op dezelfde selectedIndex als je 1e zetten

Intentionally left blank

donderdag 23 oktober 2003 11:17

Acties:

bokkie11

Topicstarter

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Studenten inschrijving</title>

<script language="JavaScript">


//array vullen voor list boxjes
ects_array = new Array();
ects_array[0] =new Array('', '', '');
ects_array[1] =new Array('Informatieanalyse', 'NIAM', '7');
ects_array[2] =new Array('Bedrijfs Economie', 'BE', '5');
ects_array[3] =new Array('Samenwerken', 'SW', '5');
ects_array[4] =new Array('Informatie &amp; organisatie', 'IO', '5');
ects_array[5] =new Array('Computer Architectuur', 'CAR', '4');

//list boxje van code's vullen
function vul_code_list(){
    for (i=0;i<6;i++){
        document.write("<OPTION VALUE="+ects_array[i][0]+">"+ects_array[i][1]+"</option>");
    }
}


//list boxje van omschrijvingen vullen
function vul_omschrijving_list(){
    for (i=0;i<6;i++){
        document.write("<OPTION VALUE="+ects_array[i][1]+">"+ects_array[i][0]+"</option>");
    }
}




</script>

</head>

<body topmargin="30" leftmargin="30" onload="Readcookie()">
<form name="form">
<table border="5" cellpadding="5" cellspacing="0" bordercolor="#000C6A" align="left">
  <tr>
    <td width="500" align="center" valign="top"> 
      <div align="center"> 
        <h3 align="left">KEUZEMODULEN<br>
        </h3>
        <table width="74%" border="0">
          <tr>
            <td width="32%">naam :</td>
            <td width="68%">&nbsp;</td>
          </tr>
          <tr>
            <td>student nr :</td>
            <td>&nbsp;</td>
          </tr>
        </table>
        <br>
        <table width="75%" border="1">
          <tr>
            <td width="150">Omschrijving</td>
            <td width="75">Code</td>
            <td width="75">Ects</td>
          </tr>
          <tr>
            <td width="150"><select name="select-o1">
                <script>
                vul_omschrijving_list();
                </script>
            <td width="75"><select name="select-c1">
                <script>
                vul_code_list();
                </script>
              </select></td>
            <td width="75"><input type="text" name="ects1" size=20 style="border: 1px solid #FFFFFF"onchange"ects_check(this.ects1)></td>
          </tr>
          <tr>
            <td width="150"><select name="select-o2">
                <script>
                vul_omschrijving_list();
                </script>
              </select></td>
            <td width="75"><select name="select-c2">
                <script>
                vul_code_list();
                </script>
              </select></td>
            <td width="75"><input type="text" name="ects2" size=20 style="border: 1px solid #FFFFFF" onchange"ects_check(this.ects2)></td>
          </tr>
          <tr>
            <td width="150"><select name="select-o3">
                <script>
                vul_omschrijving_list();
                </script>
              </select></td>
            <td width="75"><select name="select-c3">
                <script>
                vul_code_list();
                </script>
              </select></td>
            <td width="75"><input type="text" name="ects3" size=20 style="border: 1px solid #FFFFFF" onchange"ects_check(this.ects3)></td>
          </tr>
          <tr>
            <td width="150"><select name="select-o4">
                <script>
                vul_omschrijving_list();
                </script>
              </select></td>
            <td width="75"><select name="select-c4">
                <script>
                vul_code_list();
                </script>
              </select></td>
            <td width="75"><input type="text" name="ects4" size=20 style="border: 1px solid #FFFFFF" onchange"ects_check(this.ects4)></td>
          </tr>
          <tr>
            <td width="150"><select name="select-o5">
                <script>
                vul_omschrijving_list();
                </script>
              </select></td>
            <td width="75"><select name="select-o6">
                <script>
                vul_code_list();
                </script>
              </select></td>
            <td width="75"><input type="text" name="ects5" size=20 style="border: 1px solid #FFFFFF" onchange"ects_check(this.ects5)"></td>
          </tr>
        </table>
        <br>
        <table width="75%" border="1">
          <tr>
            <td width="150">&nbsp;</td>
            <td width="75">Totaal ects</td>
            <td width="75"><input type="text" name="ects_totaal" size=20 style="border: 1px solid #FFFFFF""></td>
          </tr>
        </table>
        <h3 align="left">&nbsp; </h3>
      </div>
        
    </td>
  </tr>
</table>
</form>

    
</tr>
</table>
</body>
</html>

dit is wat ik heb en werkt

ik heb al met onchange een functie aangeroepen die de selectedindex gelijk stelt maar dan krijg ik allemaal error's

code:

1
2
3

function zet_index(select){
form.select-c1.selectedindex=select.selectedindex;
}

M3 SR+ deep bleuMidnight grey/ Black /areo Bestel 19/8 restrictie 1/11 vin 11-12 aflevering 14-12

donderdag 23 oktober 2003 11:22

Acties:

crisp

Devver

Pixelated

werkt dit?

HTML:

1	<select name="select-o1" onchange="this.form.elements['select-c1'].selectedIndex=this.selectedIndex">

Intentionally left blank

donderdag 23 oktober 2003 11:23

Acties:

r0bert

Dezelfde index is niet zo'n probleem:

JavaScript:

function fnZetIndex(strGetFromSelect, strUseSelect)
{
   document.getElementById(strUseSelect).options.selectedIndex =
             document.getElementById(strGetFromSelect).options.selectedIndex
}

aanroepen met

HTML:

1	onchange="fnZetIndex(this, 'naamvanintestellenselect');"

Maaruh, wou je niet adhv de value de options zetten met overeenkomende value ?
[edit]
Crisp was natuurlijk weer 's eerder

[ Voor 42% gewijzigd door r0bert op 23-10-2003 11:26 ]

donderdag 23 oktober 2003 11:29

Acties:

bokkie11

Topicstarter

jep heb hem door
bedankt !

M3 SR+ deep bleuMidnight grey/ Black /areo Bestel 19/8 restrictie 1/11 vin 11-12 aflevering 14-12