Avatar billede funstuff.dk Nybegynder
15. juni 2008 - 21:40 Der er 2 kommentarer

Udfyld text felt ved dropdown

Hej,

Er ved at kode lidt og kunne godt tænkte mig en funktion når jeg vælger et sted i en dropdown udfylder den 4 tekst felter med navn, adresse postnr og by. Nogle der kan hjælpe?

Her er min kode:

<td valign="top" width="104"><b>Spille sted</b></td>
            <td valign="top" width="387"><select size="1" name="sted">
            <option value="intet" selected>Vælg sted</option>
           
           
            <%
strsql = "Select * From steder order by navn"
set vom = conn.execute(strsql)

do until vom.eof

%>
<option value="<%=vom("id")%>"><%=vom("navn")%></option>

<%
vom.movenext
loop

set vom = nothing
%>

           
           
           
            <option value="intet">Ikke på listen</option>
            </select></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>Spillested navn</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="stednavn" size="20"></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>Adresse:</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="adresse" size="20"></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>Postnr.:</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="postnr" size="20"></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>By:</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="city" size="20"></td>
Avatar billede hr__hallandsen Nybegynder
16. juni 2008 - 00:52 #1
Hvad med at skrive de omtalte data i value-attributen afskilt af | og så bruge følgende:

//Tilføj onchange="writeData(this);" thil <select>
function writeData(obj)
{
  //Placer en <form action="#"> ... </form> uden om <select> og <input>
  if(obj.value == "intet")
    obj.form.reset();
  else
  //Husk at tilføje id'er til input-felterne <input type="text" name="stednavn" size="20" id="stednavn">
    with(document)
    {
      var e = obj.value.split("|");
      getElementById("stednavn").value = e[0];
      getElementById("adresse").value = e[1];
      getElementById("postnr").value = e[2];
      getElementById("city").value = e[3];
    }
}

/Hallandsen
Avatar billede hr__hallandsen Nybegynder
16. juni 2008 - 01:00 #2
Eksempel:

------------------------------

<script type="text/javascript">

function writeData(obj)
{
  if(obj.value == "intet")
    obj.form.reset();
  else
    with(document)
    {
      var e = obj.value.split("|");
      getElementById("stednavn").value = e[0];
      getElementById("adresse").value = e[1];
      getElementById("postnr").value = e[2];
      getElementById("city").value = e[3];
    }
}

</script>
    <form action="#">
            <select onchange="writeData(this);">
            <option value="intet">Ikke på listen</option>
            <option value="Club In|Musikstrasse 45|1234|Banjobyen">Club In</option>
            </select></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>Spillested navn</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="stednavn" size="20" id="stednavn"></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>Adresse:</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="adresse" size="20" id="adresse"></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>Postnr.:</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="postnr" size="20" id="postnr"></td>
        </tr>
        <tr>
            <td valign="top" width="104"><b>By:</b></td>
            <td valign="top" width="387">
       
           
            <input type="text" name="city" size="20" id="city"></td>
    </form>

----------------------------------

NB: Hvis du har andre felter i formen, er det måske ikke smart at bruge reset().

I så fald kan du bruge

if(obj.value == "intet")
  with(document)
  {
    getElementById("stednavn").value =
    getElementById("adresse").value =
    getElementById("postnr").value =
    getElementById("city").value = "";
  }

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