Dynamisk selectbox

Du skal ud i noget javascript, hvor du viser et output alt efter hvilket element der er valgt.

Skal databasen indgå i valget, skal du ud i noget AJAX.

Hvis det blot drejer sig om at vise et tekstfelt hvis "Andet" vælges i select boxen, kan rent javascript klare opgaven.

- kristian

Jo tak, jeg er klar over at det er JavaScript jeg skal benytte. Derfor blev spørgsmålet også oprettet under denne kategori.

Det er nu mere fordi, at jeg ikke er så fandens skarp til JavaScript, som jeg er til ASP. Og også derfor, spørger jeg netop om det herinde. :)

haha okay, det er så mig der er lidt småtosset.. jeg troede jeg var inde på PHP forumet :P

Anyway, prøv følgende:


<script type="text/javascript">
    function showTextField()
    {
        if (document.getElementById('reference_select').selectedIndex == 3)
        {
            document.getElementById('show_textfield').style.display = 'block';
        } else {
            document.getElementById('show_textfield').style.display = 'none';
        }
    }
</script>

<select name="reference" id="reference_select" onchange="showTextField()">
  <option value='1'>Jobportal</option>
  <option value='2'>Facebook</option>
  <option value='3'>En ven</option>
  <option value='4'>Andet</option>
</select>

<br /><br />

<div id='show_textfield' style='display: none;'><input type='text' name='' value='' /></div>


Du kan med fordel flytte dine javascript til en ekstern fil, og skal du bruge meget af det, overveje at anvende et library der gør livet nemmere, f.eks. prototype eller jQuery.

Har du yderligere spørgsmål skriver du bare :)

JavaScriptet gør pt. at den viser tekst inputtet, hvis indextallet er lig 3 (går ud fra at den hedder 0, 1, 2, 3 i ovenstående tilfælde).
Men hvad så hvis nu et valg af enten Facebook eller Andet skal kunne benytte tekst feltet. Det vil sige, mere end 1 index skal have muligheden for det?

Og jeg har allerede alle mine javascript funktioner samlet i ét javascript dokument.

Er det muligt at lave funktionen, så den bliver kaldt ved fx showTextField(1, 3). Og funktionen så selv finder ud af at benytte de 2 variabler (eller flere), så selectedIndex bliver lig enten 1 eller 3 og så udfører den funktionen.

Det er for at lave funktionen så flexibel som muligt :)

Jeg svarer ikke de næste par dage, da jeg lige tager en forlænget weekend til tyskland.

ingen problemer, den klarer vi ved at lade funtionen modtage et array af indexes:

<script type="text/javascript">
    function showTextField(index_array)
    {
                for (var i = 0; i < index_array.length; i++)
                {               
            if (index_array[i] == document.getElementById('reference_select').selectedIndex)
            {
                document.getElementById('show_textfield').style.display = 'block';
                break;
            } else {
                document.getElementById('show_textfield').style.display = 'none';
            }
          }
    }
</script>

<select name="reference" id="reference_select" onchange="showTextField([1, 3])">
  <option value='1'>Jobportal</option>
  <option value='2'>Facebook</option>
  <option value='3'>En ven</option>
  <option value='4'>Andet</option>
</select>

<br /><br />

<div id='show_textfield' style='display: none;'><input type='text' name='' value='' /></div>

Værdiene der sendes til functionen kan selvfølgelig tildeles fra ASP med Response.Write.

God tur! :)

ENDELIG fik jeg tid til at kigge på det.

Og din funktion virkede perfekt! Eller dvs, jeg tilføjede lidt ekstra variabler, for at kunne bruge den globalt i flere sammenhænge, men grundidéen med den var perfekt :)

Tak for hjælpen, og smid et svar!

Glæder mig du kunne bruge det :)