Select skal ta med hidden value.

<form method="post" action="createcard.asp?Action=create" name="SaveFormCard" ID="SaveFormCard">
<select name="txtDepartmentNO" onchange="if(this.selectedIndex>0)this.form.txtDepartmentENG.value=this.value;>
<option>Velg Båt eller Bil</option>
<option value="Boat">Båt</option>
<option value="Car">Bil</option>
</select>

<input type="hidden" name="txtDepartmentENG" value="">
</form>

//hei

Den skal ta med begge values dvs

txtDepartmentNO = Båt
txtDepartmentENG = Boat

//Morten

<form method="post" action="createcard.asp?Action=create" name="SaveFormCard" ID="SaveFormCard">
<select name="txtDepartmentNO" onchange="if(this.selectedIndex>0)this.form.txtDepartmentENG.value=(this.value=='Båt')?'Boat':'Car';>
<option>Velg Båt eller Bil</option>
<option value="Båt">Båt</option>
<option value="Bil">Bil</option>
</select>

<input type="hidden" name="txtDepartmentENG" value="">
</form>

Beklager at jeg ikke har svart før nå. Det jeg ønsker er mange values ikke bare to det er ca 30 forskjellige avdelinger.


<form method="get" action="select.asp" name="SaveFormCard" ID="SaveFormCard">
<select name="txtDepartmentNO" onchange="if(this.selectedIndex>0)this.form.txtDepartmentENG.value=(this.value=='Båt')?'Boat':'Car';">
<option>Velg Båt eller Bil</option>
<option value="Båt">Båt</option>
<option value="Bil">Bil</option>
</select>

<input type="hidden" name="txtDepartmentENG" value="">
<INPUT type="submit" value="Submit" id=submit1 name=submit1>
</form>

//Morten

Nogle spørgsmål:

-- i den du viser fra start, har du nogle tal-værdier i value, er det nogle afdelingsnumre, du skal bruge ...

-- og er det bare fra 1 og videre, eller er der bestemte værdier, som springer, eks. 1, 2, 11, 13, 22 ...

-- skal du bruge både en tekstværdi fra selecten og fra hidden-feltet ?-)

Jeg skal ha med to verdier en på norsk og en på engelsk. Samme hvordan scriptet er bygget opp... Skal ha med tekst verdier.

//Morten

Oki, så f.eks. sådan:

<form method="get" action="select.asp" name="SaveFormCard" ID="SaveFormCard">
<select name="txtDepartmentNO" onchange="s=this.selectedIndex;if(s>0){v=this.value.split('|');this.options[s].value=v[0];this.form.txtDepartmentENG.value=v[1];}">
<option>Velg Båt eller Bil</option>
<option value="Båt|Boat">Båt</option>
<option value="Bil|Car">Bil</option>
</select>

<input type="hidden" name="txtDepartmentENG" value="">
<INPUT type="submit" value="Submit" id=submit1 name=submit1>
</form>

//Roenving

Hei det virker bra når jeg setter kun en inn i en form men ved to så blir det tull.
Vet du også hvordan jeg kna fåt select boxene til å liste valg ut ifra den første?

<form method="get" action="select.asp" name="SaveFormCard" ID="SaveFormCard">
<table width="640" border="0" cellspacing="1" cellpadding="2" bgcolor="999999">
<tr bgcolor="#EEEEEE" height="16">
  <td class="xptextrap" width="120">&nbsp;Institutt:</td>
  <td class="xptextrap"width="520">&nbsp;
    <select name="txtInstNO" onchange="s=this.selectedIndex;if(s>0){v=this.value.split('|');this.options[s].value=v[0];this.form.txtInstENG.value=v[1];}" class="formtxtfield" style="WIDTH: 322px;">
        <option value="Rektor|Rector">Rektor</option>
        <option value="Prorektor|Prorector">Prorektor</option>
        <option value="Administrerende direktør|Director General">Administrerende direktør</option>
        <option value="Sekretariatet|Administration Office">Sekretariatet</option>
        <option value="Informasjonsavdelingen|Communications Department">Informasjonsavdelingen</option>
        <option value="Økonomi- og personalavdelingen|Department of Finances and Human Resources">Økonomi- og personalavdelingen</option>
        <option value="IT-avdelingen|IT Department">IT-avdelingen</option>
        <option value="Studie- og forskningsadministrativ avdeling|Department of Academic Affairs and Research Administration">Studie- og forskningsadministrativ avdeling</option>
        <option value="Teknisk avdeling|Technical Department">Teknisk avdeling</option>
        <option value="Biblioteket|Library">Biblioteket</option>
        <option value="Institutt for basalfag og akvamedisin|Department of Basic Sciences and Aquatic Medicine">Institutt for basalfag og akvamedisin</option>
        <option value="Institutt for mattrygghet og infeksjonsbiologi|Department of Food Safety and Infection Biology">Institutt for mattrygghet og infeksjonsbiologi</option>
        <option value="Institutt for produksjonsdyrmedisin|Department of Production Animal Clinical Sciences">Institutt for produksjonsdyrmedisin</option>
        <option value="Institutt for sports- og familiedyrmedisin|Department of Companion Animal Clinical Sciences">Institutt for sports- og familiedyrmedisin</option>
        <option value="Forsøksdyravdelingen|Laboratory Animal Unit">Forsøksdyravdelingen</option>
    </SELECT>
    <INPUT type="hidden" ID="txtInstENG" NAME="txtInstENG" value="">             
  </td>
</tr>           
<tr bgcolor="#FFFFFF" height="16">
  <td class="xptextrap">&nbsp;Avdeling:</td>
  <td class="xptextrap">&nbsp;
    <select name="txtDepartmentNO" onchange="s=this.selectedIndex;if(s>0){v=this.value.split('|');this.options[s].value=v[0];this.form.txtDepartmentENG.value=v[1];}" class="formtxtfield" style="WIDTH: 322px;">
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Seksjon for akvamedisin og ernæring|Section for Aquatic Medicine and Nutrition">Seksjon for akvamedisin og ernæring</option>
        <option value="Seksjon for biokjemi og fysiologi|Section for Biochemistry and Physiology">Seksjon for biokjemi og fysiologi</option>
        <option value="Seksjon for genetikk|Section for Genetics">Seksjon for genetikk</option>
        <option value="Seksjon for anatomi og patologi|Section for Anatomy and Patology">Seksjon for anatomi og patologi</option>
        <option value="Sentrallaboratoriet|Central Laboratory">Sentrallaboratoriet</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Seksjon for farmakologi og toksikologi|Section for Pharmacology and Toxicology">Seksjon for farmakologi og toksikologi</option>
        <option value="Seksjon for mikrobiologi, immunologi og parasittologi|Section for Microbiology, Immunology and Parasittology">Seksjon for mikrobiologi, immunologi og parasittologi</option>
        <option value="Seksjon for arktisk veterinærmedisin|Section for Arctic Veterinary Medicine">Seksjon for arktisk veterinærmedisin</option>
        <option value="Seksjon for mattrygghet|Section for Food Safety">Seksjon for mattrygghet</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Stasjonærklinisk seksjon|Section for Stationary Clinic">Stasjonærklinisk seksjon</option>
        <option value="Seksjon for besetningstjenester|Section for Herd Health and Field Service">Seksjon for besetningstjenester</option>
        <option value="Seksjon for småfeforskning|Section for Small Ruminant Diseases">Seksjon for småfeforskning</option>
        <option value="Teknikerteam|Support staff">Teknikerteam</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Seksjon for smådyrsykdommer|Section for Small Animal Clinical Sciences">Seksjon for smådyrsykdommer</option>
        <option value="Seksjon for hestesjukdommer|Section for Equine Medicine">Seksjon for hestesjukdommer</option>
        <option value="Seksjon for radiologi|Section for Radiology">Seksjon for radiologi</option>
        <option value="Teknikerteam|Support staff">Teknikerteam</option>
    </SELECT>
    <INPUT type="hidden" ID="txtDepartmentENG" NAME="txtDepartmentENG" value="" class="formtxtfield">
  </td>
</tr>
<tr>
    <td><INPUT type="submit" value="SEND"></td>
</tr>
</table>
</form>

Du har glemt en "" i det nederste hidden-field !-)

-- og så har jeg for testens skyld sat dem til almindelige tekst-felter, så dem skal du selvfølgelig gemme igen ...

<form method="get" action="select.asp" name="SaveFormCard" id="SaveFormCard">
<table width="640" border="0" cellspacing="1" cellpadding="2" bgcolor="999999">
<tr bgcolor="#EEEEEE" height="16">
  <td class="xptextrap" width="120">&nbsp;Institutt:</td>
  <td class="xptextrap"width="520">&nbsp;
    <select name="txtInstNO" onchange="s=this.selectedIndex;v=this.value.split('|');this.options[s].value=v[0];this.form.txtInstENG.value=v[1];" class="formtxtfield" style="WIDTH: 322px;">
        <option value="|">Velg institutt/funksjon</option>
        <option value="Rektor|Rector">Rektor</option>
        <option value="Prorektor|Prorector">Prorektor</option>
        <option value="Administrerende direktør|Director General">Administrerende direktør</option>
        <option value="Sekretariatet|Administration Office">Sekretariatet</option>
        <option value="Informasjonsavdelingen|Communications Department">Informasjonsavdelingen</option>
        <option value="Økonomi- og personalavdelingen|Department of Finances and Human Resources">Økonomi- og personalavdelingen</option>
        <option value="IT-avdelingen|IT Department">IT-avdelingen</option>
        <option value="Studie- og forskningsadministrativ avdeling|Department of Academic Affairs and Research Administration">Studie- og forskningsadministrativ avdeling</option>
        <option value="Teknisk avdeling|Technical Department">Teknisk avdeling</option>
        <option value="Biblioteket|Library">Biblioteket</option>
        <option value="Institutt for basalfag og akvamedisin|Department of Basic Sciences and Aquatic Medicine">Institutt for basalfag og akvamedisin</option>
        <option value="Institutt for mattrygghet og infeksjonsbiologi|Department of Food Safety and Infection Biology">Institutt for mattrygghet og infeksjonsbiologi</option>
        <option value="Institutt for produksjonsdyrmedisin|Department of Production Animal Clinical Sciences">Institutt for produksjonsdyrmedisin</option>
        <option value="Institutt for sports- og familiedyrmedisin|Department of Companion Animal Clinical Sciences">Institutt for sports- og familiedyrmedisin</option>
        <option value="Forsøksdyravdelingen|Laboratory Animal Unit">Forsøksdyravdelingen</option>
    </select>
    <input id="txtInstENG" name="txtInstENG" value="">             
  </td>
</tr>           
<tr bgcolor="#FFFFFF" height="16">
  <td class="xptextrap">&nbsp;Avdeling:</td>
  <td class="xptextrap">&nbsp;
    <select name="txtDepartmentNO" onchange="s=this.selectedIndex;v=this.value.split('|');this.options[s].value=v[0];this.form.txtDepartmentENG.value=v[1];" class="formtxtfield" style="WIDTH: 322px;">
        <option value="|">Velg Avdeling</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Seksjon for akvamedisin og ernæring|Section for Aquatic Medicine and Nutrition">Seksjon for akvamedisin og ernæring</option>
        <option value="Seksjon for biokjemi og fysiologi|Section for Biochemistry and Physiology">Seksjon for biokjemi og fysiologi</option>
        <option value="Seksjon for genetikk|Section for Genetics">Seksjon for genetikk</option>
        <option value="Seksjon for anatomi og patologi|Section for Anatomy and Patology">Seksjon for anatomi og patologi</option>
        <option value="Sentrallaboratoriet|Central Laboratory">Sentrallaboratoriet</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Seksjon for farmakologi og toksikologi|Section for Pharmacology and Toxicology">Seksjon for farmakologi og toksikologi</option>
        <option value="Seksjon for mikrobiologi, immunologi og parasittologi|Section for Microbiology, Immunology and Parasittology">Seksjon for mikrobiologi, immunologi og parasittologi</option>
        <option value="Seksjon for arktisk veterinærmedisin|Section for Arctic Veterinary Medicine">Seksjon for arktisk veterinærmedisin</option>
        <option value="Seksjon for mattrygghet|Section for Food Safety">Seksjon for mattrygghet</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Stasjonærklinisk seksjon|Section for Stationary Clinic">Stasjonærklinisk seksjon</option>
        <option value="Seksjon for besetningstjenester|Section for Herd Health and Field Service">Seksjon for besetningstjenester</option>
        <option value="Seksjon for småfeforskning|Section for Small Ruminant Diseases">Seksjon for småfeforskning</option>
        <option value="Teknikerteam|Support staff">Teknikerteam</option>
        <!-- -->
        <option value="Administrasjon|Administration">Administrasjon</option>
        <option value="Seksjon for smådyrsykdommer|Section for Small Animal Clinical Sciences">Seksjon for smådyrsykdommer</option>
        <option value="Seksjon for hestesjukdommer|Section for Equine Medicine">Seksjon for hestesjukdommer</option>
        <option value="Seksjon for radiologi|Section for Radiology">Seksjon for radiologi</option>
        <option value="Teknikerteam|Support staff">Teknikerteam</option>
    </select>
    <input id="txtDepartmentENG" name="txtDepartmentENG" value="" class="formtxtfield">
  </td>
</tr>
<tr>
    <td><input type="submit" value="SEND"></td>
</tr>
</table>
</form>

-- og selvfølgelig kan man gemme/vise efter valg i den første, men der skal være nogle regler for det, som er til at finde ud af i et script, f.eks. en liste over hvilke, som skal vises hvornår !-)

Du kan f.eks. kigge på: http://roenving.users.whitehat.dk/index.html?/WD4Selects-beta.html

-- hvis du skal bruge præcis to afhængige behøver man ikke lige den kode, som er lavet til at håndtere et tilfældigt antal, og derfor er mere kompliceret end nødvendigt ...

-- men den virker udmærket, så jeg har lavet en udgave af javascript-databasen, som kun er til to, hvilket gør den voldsomt lettere at overskue ...

Dette fungerer bra men kan man på grunnlag av <select name="txtInstNO">  få fra valg fra <select name="txtDepartmentNO">

Feks hvis man velger
Institutt for sports- og familiedyrmedisin|Department of Companion Animal Clinical Sciences

Så skal disse valgene kommer frem i den andre boksen?
Administrasjon|Administration
Seksjon for smådyrsykdommer|Section for Small Animal Clinical Sciences
Seksjon for hestesjukdommer|Section for Equine Medicine
Seksjon for radiologi|Section for Radiology
Teknikerteam|Support staff


Kan gi deg 100 ekstra point for dette.

Som det ses, hvis du kigger i kilden på mit link, er det nødvendigt at lave en sammenhæng via en slags database, ikke svært, men alligevel tricky, specielt, da det tyder på, at nogle af valgene helst skal betyde, at der slet ikke er nogle valg !-)

Har funnet ut av det et annet sted som fungerer bra. Takk for hjelpen. Smid et svar.

Okay, så velbekomme '-)

Hei har et lite problem vistnok ennå kan du se på det? Skal jeg lukke dette spm og opprette et nytt?

Test dette!

optionex.js:
var NS4 = (document.layers)?true:false;
var IE4 = (document.all)?true:false;
   
function _struct(child,childcaption,parent){
this.child = child;
this.childcaption = childcaption;
this.parent    = parent;
}
function _addobject(child,childcaption,parent){
var obj = new _struct();
obj.child = child;
obj.childcaption = childcaption;
obj.parent = parent;
return(obj);
}
function insertEntry(child,childcaption,parent){
    if(child.length > 0 ){       
        for(var i=0;i<this.length;i++)
            if(this.items[i].child == child)
                return;           
        this.items[this.length++] = _addobject(child,childcaption,parent);       
    }
}
function OptionCollection(){
this.length=0;
this.items = new Object();
this.Add=insertEntry
}

function clearSelect(oSelect){
var iCount=0;
if(!oSelect) return;
iCount = oSelect.options.length;
for(var i=0;i<iCount;i++){
    if(IE4)
        oSelect.options.remove(0);
    else if(NS4)
        oSelect.options[0]=null;
}
}
function addOptions(oSelect,olist,parent){
    var elOption;
    var idxSelect=0;   

    //check arguments.
    if((!olist) || (!oSelect))return;       
    if(parent.length <=    0)     return;
                   
    //now looop through all the list items only entering relevant options.
    clearSelect(oSelect);   
   
    //add a blank list
    elBlankOption = new Option();
    elBlankOption.text = "";
    if(NS4) oSelect.options[0] = elBlankOption
    else if(IE4) oSelect.options.add(elBlankOption,0)
   
    elBlankOption.value = "";
    for(var i=0;i<olist.length;i++){       
        //only the child entries of the parent               
        if(olist.items[i].parent == parent){                                   
            elOption = new Option();
            //now IE and NS have a different way to handle object creation.
            if(NS4){                       
                elOption.value = olist.items[i].child
                elOption.text = olist.items[i].childcaption
                oSelect.options[idxSelect] = elOption               
            }else if(IE4){               
                elOption.value = olist.items[i].child
                elOption.text = olist.items[i].childcaption
                oSelect.options.add(elOption,idxSelect)                   
            }                       
            idxSelect++;
            delete(elOption);
        }           
    }   
}

function clearOptions(szSelect,szForm){
if(szSelect.length <= 0 || szForm.length <=0)
    alert("error:clearOption must pass arguments");   
if(IE4)
clearSelect(document.all.item(szSelect));
else if(NS4)
clearSelect(eval('document.' + szForm + '.' + szSelect));
}

function listAllOptions(szSelect,szForm,olist){
    var elOption;
    var idxSelect=0;
    var oSelect = new Object();
           
    //check arguments.
    if(!olist)return;           
   
    if(IE4)
        oSelect = document.all.item(szSelect);
    else if(NS4)
        oSelect = eval('document.' + szForm + '.' + szSelect);
   
    if(!oSelect)return;           
                       
    //now looop through all the list items entering all
    clearSelect(oSelect);
    for(var i=0;i<olist.length;i++){                           
        elOption = new Option();
        //now IE and NS have a different way to handle object creation.
        if(NS4){                       
            elOption.value = olist.items[i].child
            elOption.text = olist.items[i].childcaption
            oSelect.options[idxSelect] = elOption               
        }else if(IE4){               
            elOption.value = olist.items[i].child
            elOption.text = olist.items[i].childcaption
            oSelect.options.add(elOption,idxSelect)                   
        }                       
        idxSelect++;
        delete(elOption);                   
    }   
}

function UpdateSelect(szSelect,szForm,szParent,olist){
if(IE4)
addOptions(document.all.item(szSelect),olist,szParent);
else if(NS4)
addOptions(eval('document.' + szForm + '.' + szSelect),olist,szParent);
}

asp fil:
<html>
<head>
    <title>Opprettelse av visitkort for <%=strKunde%></title>
    <link REV="made" href="mailto:morten@idesign.no">
    <meta name="Abstract" content="Idesign AS - profesjonelle internettløsninger og publiseringsverktøy">
    <meta HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="Author" content="Idesign AS - Morten Marius Cyrèn">
    <meta name="Copyright" content="Idesign AS - Morten Marius Cyrèn">
    <meta name="Publisher" content="Idesign AS - Morten Marius Cyrèn">
    <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
    <LINK rel="stylesheet" type="text/css" href="../css/stylesheet.css">
    <!--#include file ="../include/script.asp"-->
    <SCRIPT language=Javascript src="script/optionex.js"></SCRIPT>
    <SCRIPT language=Javascript>
    var oAvdeling = new OptionCollection();
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Rektor');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Prorektor');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Administrerende direktør');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Sekretariatet');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Informasjonsavdelingen');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Økonomi- og personalavdelingen');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','IT-avdelingen');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Studie- og forskningsadministrativ avdeling');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Teknisk avdeling');
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Biblioteket');
       
       
        oAvdeling.Add('Administrasjon|Administration','Administrasjon','Institutt for basalfag og akvamedisin');
        oAvdeling.Add('Seksjon for akvamedisin og ernæring|Section for Aquatic Medicine and Nutrition','Seksjon for akvamedisin og ernæring','Institutt for basalfag og akvamedisin');
        oAvdeling.Add('Seksjon for biokjemi og fysiologi|Section for Biochemistry and Physiology','Seksjon for biokjemi og fysiologi','Institutt for basalfag og akvamedisin');
        oAvdeling.Add('Seksjon for genetikk|Section for Genetics','Seksjon for genetikk','Institutt for basalfag og akvamedisin');
        oAvdeling.Add('Seksjon for anatomi og patologi|Section for Anatomy and Patology','Seksjon for anatomi og patologi','Institutt for basalfag og akvamedisin');
        oAvdeling.Add('Sentrallaboratoriet|Central Laboratory','Sentrallaboratoriet','Institutt for basalfag og akvamedisin');
       
        oAvdeling.Add('Administrasjon|Administration','Administrasjon','Institutt for mattrygghet og infeksjonsbiologi');
        oAvdeling.Add('Seksjon for farmakologi og toksikologi|Section for Pharmacology and Toxicology','Seksjon for farmakologi og toksikologi','Institutt for mattrygghet og infeksjonsbiologi');
        oAvdeling.Add('Seksjon for mikrobiologi, immunologi og parasittologi|Section for Microbiology, Immunology and Parasittology','Seksjon for mikrobiologi, immunologi og parasittologi','Institutt for mattrygghet og infeksjonsbiologi');
        oAvdeling.Add('Seksjon for arktisk veterinærmedisin|Section for Arctic Veterinary Medicine','Seksjon for arktisk veterinærmedisin','Institutt for mattrygghet og infeksjonsbiologi');
        oAvdeling.Add('Seksjon for mattrygghet|Section for Food Safety','Seksjon for mattrygghet','Institutt for mattrygghet og infeksjonsbiologi');
       
        oAvdeling.Add('Administrasjon|Administration','Administrasjon','Institutt for produksjonsdyrmedisin');
        oAvdeling.Add('Stasjonærklinisk seksjon|Section for Stationary Clinic','Stasjonærklinisk seksjon','Institutt for produksjonsdyrmedisin');
        oAvdeling.Add('Seksjon for besetningstjenester|Section for Herd Health and Field Service','Seksjon for besetningstjenester','Institutt for produksjonsdyrmedisin');
        oAvdeling.Add('Seksjon for småfeforskning|Section for Small Ruminant Diseases','Seksjon for småfeforskning','Institutt for produksjonsdyrmedisin');
        oAvdeling.Add('Teknikerteam|Support staff','Teknikerteam','Institutt for produksjonsdyrmedisin');
                   
        oAvdeling.Add('Administrasjon|Administration','Administrasjon','Institutt for sports- og familiedyrmedisin');
        oAvdeling.Add('Seksjon for smådyrsykdommer|Section for Small Animal Clinical Sciences','Seksjon for smådyrsykdommer','Institutt for sports- og familiedyrmedisin');
        oAvdeling.Add('Seksjon for hestesjukdommer|Section for Equine Medicine','Seksjon for hestesjukdommer','Institutt for sports- og familiedyrmedisin');
        oAvdeling.Add('Seksjon for radiologi|Section for Radiology','Seksjon for radiologi','Institutt for sports- og familiedyrmedisin');
        oAvdeling.Add('Teknikerteam|Support staff','Teknikerteam','Institutt for sports- og familiedyrmedisin');
       
        oAvdeling.Add('tom|tom','Ingen under avdelinger','Forsøksdyravdelingen');
    </SCRIPT>       
</head>
    <body background="../images/background/background.gif">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="95%" height="95%" >
    <tr>
        <td align="center" valign="top">
            <br>
            <table border="0" cellpadding="2" cellspacing="0" width="640">
            <tr>
                <td class="xptextheaderbig" bgcolor="003399">
                    &nbsp;[ Opprettelse av visitkort for <%=strKunde%> - Steg 1 av 2 ]
                </td>
            </tr>
            <tr>
                <td class="xptext" bgcolor="#EEEEEE"><font color="#000000">&nbsp;<script type="text/javascript">document.write(date + ". " + lmonth + " " + year); </script></font></td>
            </tr>
            </table>
            <br>
            <form method="get" action="createcard.asp?Action=create" name="SaveFormCard" ID="SaveFormCard">
            <INPUT type="hidden" id="txtIP" name="txtIP" value="<%=Request.ServerVariables("REMOTE_ADDR")%>">
            <table width="640" border="0" cellspacing="1" cellpadding="2" bgcolor="999999">
            <tr height="16">
              <td class="xptextheader" colspan="2">&nbsp;<b>Legg inn brukerdata &nbsp;&nbsp;<font color="#ff0000"><%=Session("MSG")%></b></font></td>
            </tr>
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap" width="120">&nbsp;Institutt:</td>
              <td class="xptextrap"width="520">&nbsp;
                <select name="txtInstNO" onchange="s=this.selectedIndex;v=this.value.split('|');this.options[s].value=v[0];this.form.txtInstENG.value=v[1];UpdateSelect('txtDepartmentNO','SaveFormCard',this.options[this.selectedIndex].value,oAvdeling);" class="formtxtfield" style="WIDTH: 322px;">
                    <option value="|">Velg institutt/funksjon</option>
                    <option value="Rektor|Rector">Rektor</option>
                    <option value="Prorektor|Prorector">Prorektor</option>
                    <option value="Administrerende direktør|Director General">Administrerende direktør</option>
                    <option value="Sekretariatet|Administration Office">Sekretariatet</option>
                    <option value="Informasjonsavdelingen|Communications Department">Informasjonsavdelingen</option>
                    <option value="Økonomi- og personalavdelingen|Department of Finances and Human Resources">Økonomi- og personalavdelingen</option>
                    <option value="IT-avdelingen|IT Department">IT-avdelingen</option>
                    <option value="Studie- og forskningsadministrativ avdeling|Department of Academic Affairs and Research Administration">Studie- og forskningsadministrativ avdeling</option>
                    <option value="Teknisk avdeling|Technical Department">Teknisk avdeling</option>
                    <option value="Biblioteket|Library">Biblioteket</option>
                    <option value="Institutt for basalfag og akvamedisin|Department of Basic Sciences and Aquatic Medicine">Institutt for basalfag og akvamedisin</option>
                    <option value="Institutt for mattrygghet og infeksjonsbiologi|Department of Food Safety and Infection Biology">Institutt for mattrygghet og infeksjonsbiologi</option>
                    <option value="Institutt for produksjonsdyrmedisin|Department of Production Animal Clinical Sciences">Institutt for produksjonsdyrmedisin</option>
                    <option value="Institutt for sports- og familiedyrmedisin|Department of Companion Animal Clinical Sciences">Institutt for sports- og familiedyrmedisin</option>
                    <option value="Forsøksdyravdelingen|Laboratory Animal Unit">Forsøksdyravdelingen</option>
                </select>
                <input id="txtInstENG" name="txtInstENG" value="" class="formtxtfield" disabled>             
              </td>
            </tr>
            <tr bgcolor="#FFFFFF" height="16">
              <td class="xptextrap">&nbsp;Avdeling:</td>
              <td class="xptextrap">&nbsp;
                <select name="txtDepartmentNO" onchange="s=this.selectedIndex;v=this.value.split('|');this.options[s].value=v[0];this.form.txtDepartmentENG.value=v[1];UpdateSelect('carcolors','SaveFormCard',this.options[this.selectedIndex].value);" class="formtxtfield" style="WIDTH: 322px;">
                    <option value="">Velg Avdeling</option>
                    <option value=""></option>
                    <option value=""></option>
                    <option value=""></option>
                </select>
                <input id="txtDepartmentENG" name="txtDepartmentENG" value="" class="formtxtfield" disabled>
              </td>
            </tr>           
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap">&nbsp;Stilling (Norsk):</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtTitleNO" NAME="txtTitleNO" value="<%=Session("TitleNO")%>" size="51" maxlength="50" class="formtxtfield"></td>
            </tr>
            <tr bgcolor="#FFFFFF" height="16">
              <td class="xptextrap">&nbsp;Stilling (Engelsk):</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtTitleENG" NAME="txtTitleENG" value="<%=Session("TitleENG")%>" size="51" maxlength="50" class="formtxtfield"></td>
            </tr>                                   
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap" width="120">&nbsp;Fullt navn:</td>
              <td class="xptextrap"width="520">&nbsp; <INPUT type="text" ID="txtFullname" NAME="txtFullname" value="<%=Session("FullName")%>" size="51" maxlength="50" class="formtxtfield"></td>
            </tr>           
            <tr bgcolor="#FFFFFF" height="16">
              <td class="xptextrap">&nbsp;E-post:</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtMail" NAME="txtMail" value="<%=Session("Mail")%>" size="51" maxlength="50" class="formtxtfield"></td>
            </tr>
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap">&nbsp;Adresse:</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtAdress" NAME="txtAdress" value="<%=Session("Adress")%>" size="51" maxlength="50" class="formtxtfield"></td>
            </tr>
            <tr bgcolor="#FFFFFF" height="16">
              <td class="xptextrap">&nbsp;Postboks (Nummer):</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtPostBox" NAME="txtPostBox" value="<%=Session("PostBox")%>" size="51" maxlength="5" class="formtxtfield"></td>
            </tr>           
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap">&nbsp;Postnr:</td>
              <td class="xptextrap">
              <table width="520" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="xptextrap" width="60">
                        &nbsp; <INPUT type="text" ID="txtPostNo" NAME="txtPostNo" value="<%=Session("PostNo")%>" size="5" maxlength="4" class="formtxtfield">
                    </td>
                    <td class="xptextrap" width="32">Sted:</td>
                    <td class="xptextrap" width="428">&nbsp;<INPUT type="text" ID="txtPlace" NAME="txtPlace" value="<%=Session("Place")%>" size="36" maxlength="40" class="formtxtfield"></td>
                </tr>
            </table>
            </td>
            </tr>
            <tr bgcolor="#FFFFFF" height="16">
              <td class="xptextrap">&nbsp;Telefon:</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtPhone" NAME="txtPhone" value="<%=Session("Phone")%>" size="51" maxlength="8" class="formtxtfield"></td>
            </tr>                           
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap">&nbsp;Dir. Telefon:</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtDirPhone" NAME="txtDirPhone" value="<%=Session("DirPhone")%>" size="51" maxlength="8" class="formtxtfield"></td>
            </tr>
            <tr bgcolor="#FFFFFF" height="16">
              <td class="xptextrap">&nbsp;Faks:</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtFax" NAME="txtFax" value="<%=Session("Fax")%>" size="51" maxlength="8" class="formtxtfield"></td>
            </tr>           
            <tr bgcolor="#EEEEEE" height="16">
              <td class="xptextrap">&nbsp;Mobil:</td>
              <td class="xptextrap">&nbsp; <INPUT type="text" ID="txtMobile" NAME="txtMobile" value="<%=Session("Mobile")%>" size="51" maxlength="8" class="formtxtfield"></td>
            </tr>                                               
            <tr height="16">
              <td class="xptextrap" colspan="2" align="right" bgcolor="#CCCCCC"><INPUT type="submit" value="Lagre" ID="Button1" NAME="Button1" class="formknapper">&nbsp;</td>
            </tr>                       
            </table>
            <table width="640" border="0" cellspacing="1" cellpadding="2">
            <tr height="16">
                <td class="xptextrap" align="right"><a href="http://www.idesign.no" class="idesign" target="_BLANK">Utviklet av IDESIGN AS</a></td>               
            <tr>
            </table>               
            </form>       
        </td>
    </tr>
    </table>
    </center>
    </body>
</html>

Bare kig på de to første linjer, så vil du se, at scriptet er forældet:

var NS4 = (document.layers)?true:false;
var IE4 = (document.all)?true:false;

-- scriptet kender slet ikke DOM (document object model), som blev lavet i 1998, og er indført i alle browsere, som er sendt på gaden fra ca. 2000 ...

-- og jeg gider altså ikke tilrette det ...

jeg bruker dette på en del ting jeg har laget dog med tall ikke tekst|tekst kan du ikke bare sjekke det den tar ikke med valuer som er administrasjon.

//Morten

Nej, jeg gider ikke rode med noget, som ikke virker i mine browsere, medmindre det har et specielt formål ...

-- og ovenstående script vil kun virke i een nogenlunde moderne browser, nemlig IE6, som forøvrigt har fået tilføjet mere direkte metoder til at tilføje options til selects (new Option !-)

Kan man gjøre det om til slik du har laget da? Jeg mener kan man tilpasse det til scriptet du kjører på http://roenving.users.whitehat.dk/index.html?/WD4Selects-beta.html ?

Kan du hjelpe meg litt på vei? skal få mer points.

Jeg vil prøve at kigge på det lidt senere !-)

Her er en kan man tilpasse denne til scriptet?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Smart selects</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK HREF="style/style.css" REL="stylesheet" TYPE="text/css">
<style type="text/css">
body{padding:10px;font-family:Tahoma,Verdana,Arial,sans-serif;text-align:center;background:#EBD3E2;line-height:1.5;overflow:hidden;}
</style>

<script language="javascript" type="text/javascript">
var arr = [
    ["Velg 1",[
        ["2. Velg 1 (1)",
            ["3. Velg 1 (1-1)","3. Velg 2 (1-1)","3. Velg 3 (1-1)","3. Velg 4 (1-1)"]],
        ["2. Velg 2 (1)",
            ["3. Velg 1 (1-2)","3. Velg 2 (1-2)","3. Velg 3 (1-2)"]],
        ["2. Velg 3 (1)",
            ["3. Velg 1 (1-3)","3. Velg 2 (1-3)","3. Velg 3 (1-3)","3. Velg 4 (1-3)"]]]],
    ["Velg 2",[
        ["2. Velg 1 (2)",
            ["3. Velg 1 (2-1)","3. Velg 2 (2-1)","3. Velg 3 (2-1)","3. Velg 4 (2-1)"]],
        ["2. Velg 2 (2)",
            ["3. Velg 1 (2-2)","3. Velg 2 (2-2)"]],
        ["2. Velg 3 (2)",
            ["3. Velg 1 (2-3)","3. Velg 2 (2-3)","3. Velg 3 (2-3)","3. Velg 4 (2-3)","3. Velg 5 (2-3)","3. Velg 6 (2-3)","3. Velg 7 (2-3)","3. Velg 8 (2-3)","3. Velg 9 (2-3)","3. Velg 10 (2-3)","3. Velg 11 (2-3)","3. Velg 12 (2-3)","3. Velg 13 (2-3)","3. Velg 14 (2-3)","3. Velg 15 (2-3)","3. Velg 16 (2-3)","3. Velg 17 (2-3)","3. Velg 18 (2-3)","3. Velg 19 (2-3)","3. Velg 20 (2-3)","3. Velg 21 (2-3)"]],
        ["2. Velg 4 (2)",
            ["3. Velg 1 (2-4)","3. Velg 2 (2-4)","3. Velg 3 (2-4)","3. Velg 4 (2-4)"]]]]
];
//alert(arr1[1][1])
function initSels(){
    createOpts(document.getElementById('sel1'));

}

function createOpts(sel){
    var s = new Array();
    var num = 0, txt = "arr";
    var ar = opt = null;
    var n = sel.selectedIndex;
    var args = createOpts.arguments.length;
    for(var i=1;args>i;i++){
        s[i-1] = document.getElementById(createOpts.arguments[i]);
        if(s[i-1]==sel)num=i;
    }
    if(args>1){
        if(s[num])sel = s[num];
        else return;
    }
    if(n==0&&args>1){
        for(i=num;args>i+1;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Velg --";
        }
        return true
    };
    for(i=0;num>i;i++){
        txt+="["+(s[i].selectedIndex-1)+"][1]";
    }
    ar = eval(txt);
    sel.length = 0;
    opt = document.createElement('OPTION');
    sel.appendChild(opt);
  opt.value = "";
  opt.text = "-- Velg --";
    for(i=0;ar.length>i;i++){
        opt = document.createElement('OPTION');
        sel.appendChild(opt);
        if(typeof ar[i] == 'object'){
          opt.value = ar[i][0];
          opt.text = ar[i][0];
        }else{
          opt.value = ar[i];
          opt.text = ar[i];
      }
    }
    if(args>num+2){
        for(i=num+1;args-1>i;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Velg --";
        }
    }
}
</script>
</head>
<body style="FONT-SIZE: 12px" onload="initSels()">
<h1 style="LINE-HEIGHT: 0.8"><br>
  <br>
</h1>
<div style="TEXT-ALIGN: left">

<form name="sels" action="http://roenving.users.whitehat.dk" onsubmit="return false;">
To afhængige selects:&nbsp;&nbsp;&nbsp;
<select name="sel1" id="sel1" onchange="createOpts(this,'sel1','sel2');">
<option value="" selected>Vis alle</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="sel2" id="sel2">
<option value="" selected
>&lt;-- Velg --</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br>


</form>
<br><br>
</div><br>
</body>
</html>

Ja, det er jo min, så det kan man godt, selvom den er lavet på en måde, så den skal tilpasses til dit brug !-)

//Roenving

Et spørsmål ang scriptet ditt. Er det mulig å ha en annen tekst enn value?
Mener når du velger rektor|prorektor så ser man kun rektor og på valg (sel2) så skal
man se "Ingen underavdeling" men value skal være "tom"

Håper du forstod dette. Skal gi deg point for dette også.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Smart selects</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK HREF="style/style.css" REL="stylesheet" TYPE="text/css">
<style type="text/css">
body{padding:10px;font-family:Tahoma,Verdana,Arial,sans-serif;text-align:center;background:#EBD3E2;line-height:1.5;overflow:hidden;}
</style>

<script language="javascript" type="text/javascript">
var arr = [
    ["Rektor|Rector",[
        ["tom|tom",]]],
    ["Prorektor|Prorector",[
        ["tom|tom",]]],
    ["Administrerende direktør|Director General",[
        ["tom|tom",]]],
    ["Sekretariatet|Administration Office",[
        ["tom|tom",]]],
    ["Informasjonsavdelingen|Communications Department",[
        ["tom|tom",]]],
    ["Økonomi- og personalavdelingen|Department of Finances and Human Resources",[
        ["tom|tom",]]],
    ["IT-avdelingen|IT Department",[
        ["tom|tom",]]], 
    ["Studie- og forskningsadministrativ avdeling|Department of Academic Affairs and Research Administration",[
        ["tom|tom",]]],
    ["Teknisk avdeling|Technical Department",[
        ["tom|tom",]]], 
                                                                   
    ["BÅTER",[
        ["2. Velg 1mmmm (2)",],
        ["2. Velg 2mmmm (2)",],
        ["2. Velg 3mmmm (2)",],
        ["2. Velg 4 mmmm(2)",]]]
];
//alert(arr1[1][1])
function initSels(){
    createOpts(document.getElementById('sel1'));

}

function createOpts(sel){
    var s = new Array();
    var num = 0, txt = "arr";
    var ar = opt = null;
    var n = sel.selectedIndex;
    var args = createOpts.arguments.length;
    for(var i=1;args>i;i++){
        s[i-1] = document.getElementById(createOpts.arguments[i]);
        if(s[i-1]==sel)num=i;
    }
    if(args>1){
        if(s[num])sel = s[num];
        else return;
    }
    if(n==0&&args>1){
        for(i=num;args>i+1;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Velg --";
        }
        return true
    };
    for(i=0;num>i;i++){
        txt+="["+(s[i].selectedIndex-1)+"][1]";
    }
    ar = eval(txt);
    sel.length = 0;
    opt = document.createElement('OPTION');
    sel.appendChild(opt);
  opt.value = "";
  opt.text = "-- Velg --";
    for(i=0;ar.length>i;i++){
        opt = document.createElement('OPTION');
        sel.appendChild(opt);
        if(typeof ar[i] == 'object'){
          opt.value = ar[i][0];
          opt.text = ar[i][0];
        }else{
          opt.value = ar[i];
          opt.text = ar[i];
      }
    }
    if(args>num+2){
        for(i=num+1;args-1>i;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Velg --";
        }
    }
}
</script>
</head>
<body style="FONT-SIZE: 12px" onload="initSels()">
<h1 style="LINE-HEIGHT: 0.8"><br>
  <br>
</h1>
<div style="TEXT-ALIGN: left">


<form method="get" action="select2.asp" name="sels" id="sels">
<table width="640" border="0" cellspacing="1" cellpadding="2" bgcolor="999999">
<tr bgcolor="#EEEEEE" height="16">
  <td class="xptextrap" width="120">&nbsp;Institutt:</td>
  <td class="xptextrap"width="520">&nbsp;
    <select name="sel1" onchange="createOpts(this,'sel1','sel2');s=this.selectedIndex;v=this.value.split('|');this.options[s].value=v[0];this.form.txtInstENG.value=v[1];" class="formtxtfield" style="WIDTH: 322px;">
        <option value="" selected>Vis alle</option>
    </select>
    <input id="txtInstENG" name="txtInstENG" value="">             
  </td>
</tr>           
<tr bgcolor="#FFFFFF" height="16">
  <td class="xptextrap">&nbsp;Avdeling:</td>
  <td class="xptextrap">&nbsp;
    <select name="sel2" onchange="s=this.selectedIndex;v=this.value.split('|');this.options[s].value=v[0];this.form.txtDepartmentENG.value=v[1];" class="formtxtfield" style="WIDTH: 322px;">
        <option value="" selected>&lt;-- Velg --</option>
    </select>
    <input id="txtDepartmentENG" name="txtDepartmentENG" value="" class="formtxtfield">
  </td>
</tr>
<tr>
    <td><input type="submit" value="SEND" id=submit2 name=submit2></td>
</tr>
</table>
</form>

</body>
</html>