Elektroda.pl
Elektroda.pl
X

Search our partners

Find the latest content on electronic components. Datasheets.com
Elektroda.pl
Please add exception to AdBlock for elektroda.pl.
If you watch the ads, you support portal and users.

[JavaScript] Czy można dodać rozwijaną listę?

IceG 23 Jun 2009 21:32 1167 4
  • #1
    IceG
    Level 10  
    Witam :)
    Chciałbym dodać sobie rozwijaną listę do formularza, mianowicie chciałbym aby po wybraniu jakiejś pozycji z listy wpisywał się przypisany odpowiednio TEKST do formularza. Podam fragment kodu aby to lepiej zobrazować ;)

    Code:
    <script type="text/javascript">
    
             function doStuff()
             {
             var txt = "";             
             if (document.getElementById("image").value != ""){
             txt = "";
             txt += "[img]";
             txt += TEKST WPISYWANY Z COMBOBOX;
             txt += document.getElementById("image").value;
             txt += "[/img]\n";
             document.getElementById("gen").value += txt;
             }
          </script>


    Czy jest w ogóle możliwość takiej edycji funkcji aby wprowadzać TEKS za pomocą Comboboxa ewentualnie radio buttonów?
    Z góry dziękuję za ewentualną pomoc.
    Ethernet jednoparowy (SPE) - rozwiązania w przemyśle. Szkolenie 29.09.2021r. g. 11.00 Zarejestruj się za darmo
  • #2
    wrych
    Level 20  
    Podam Ci dwa fragmenty skryptu:

    1) Wstawianie menu do strony - tu jest pokazana lista wyboru

    Code:
    var menu="<br><form><select name=\"cwicz\">";
    
    menu+="<option value=\"0\">1. Nad wodą</option>";
    menu+="<option value=\"1\">2. Na obozie</option>";
    menu+="<option value=\"2\">3. W lesie</option>";
    menu+="<option value=\"3\">4. Zwierzyniec</option>";
    menu+="<option value=\"4\">5. Warzywa</option>";
    menu+="<option value=\"5\">6. Sprzęty domowe</option>";
    menu+="</select>&nbsp;<img src=\"ok.jpg\" onclick=\"javascript:cwstart()\" class=\"prz\">";
    menu+="&nbsp;<img src=\"koniec.jpg\" onclick=\"javascript:koniec()\" class=\"prz\">";


    2) Funkcja wykorzystująca powyższe menu:
    Code:
    function cwstart()
    
    {
    temat=document.getElementById("cwicz").value;
    cw()
    }


    Oprócz listy musisz mieć przycisk, który uaktywni wykonany wybór. Samo klikanie w liscie niczego nie załatwi... chyba że się mylę.
    Zajrzyj też na stronę Link
  • #3
    IceG
    Level 10  
    Kurcze nic mi to nie mówi.. programistą nie jestem :cry: . Wiem jak wygląda budowa Coboboxa, wiem że jest zdarzenie onchange
    Code:
    <FORM name="f2"> 
    
    <SELECT name="s2" onChange="window.location=document.f2.s2.options[document.f2.s2.selectedIndex].value">
    <OPTION SELECTED value="http://www.java2s.com">java2s.com
    <OPTION value="http://www.perl.com">Perl.com
    <OPTION value="http://www.java2s.com">java2s.com
    </SELECT>
    </FORM>
    nie wiem na jakiej zasadzie działa to combo.. nie potrafię zdefiniować zmiennej odpowiedzialnej za wpisywanie tekstu z combo. :| Prosiłbym o gotowy przykład kodu.
  • #4
    wrych
    Level 20  
    A może tak:
    Code:
    <FORM name="f2"> 
    
    <SELECT name="s2" onChange="document.f2.x.value=document.f2.s2.options[document.f2.s2.selectedIndex].value">
    <OPTION SELECTED value="http://www.java2s.com">java2s.com
    <OPTION value="http://www.perl.com">Perl.com
    <OPTION value="http://www.java2s.com">java2s.com
    <input type="text" name="x">
    </SELECT>
    </FORM>
  • #5
    IceG
    Level 10  
    OK dzięki już sobie poradziłem :) temat zamknięty.