Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS] Ukrywanie pól formularza przy wyborze selecta.
spenalzo
post 23.02.2004, 22:04:52
Post #1





Grupa: Zarejestrowani
Postów: 2 064
Pomógł: 1
Dołączył: 22.01.2003
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Szukałem na forum, i próbowałem sam ale nic. A problem następujący: mam pole tekstowe o nazwie 'adres', selecta o nazwie 'kategorie' oraz selecta o nazwie 'wybor'.
I teraz jeżel w selekcie 'wybór' zostanie zaznaczona opcja 'HTML' to chciałbym pokazać inputa 'adres' a ukryć selcta 'kategorie'.
Natomiast jeżeli wybrana zostanie opcja 'produkty' to zeby ukrył sie input i pokazał select 'kategorie'.
Najlepiej, żeby select pokazywał sie na miejscu tego inputa i odwrotnie.

Update:
to są wiersze tabeli więc moze być ukrywanie jednego wiersza, a pokazywanie innego.


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

Go to the top of the page
+Quote Post
Seth
post 23.02.2004, 22:38:54
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


Kod
<html>

  <head>

    <script language="JavaScript">

    function pokaz( wybrano )

    {

      if ( wybrano == 'HTML' )

      {

        dodatkowe_pola.innerHTML = '<select name="kategorie"><option value="kategoria1" selected> kategoria1</option><option value="kategoria2"> kategoria2</option></select>';

      }

      else if ( wybrano == 'produkty' )

      {

        dodatkowe_pola.innerHTML = '<input type="text" name="adres" size="20" maxlength="256">';

      }

    }

    </script>

  </head>

  <body>

    <form action="http://www.example.pl/" method="post">

      <select id="wybor" name="wybor" onChange="pokaz( this.value )">

        <option value="nic" selected>--- wybierz z listy ---</option>

        <option value="HTML">HTML</option>

        <option value="produkty">produkty</option>

      </select>

      <div id="dodatkowe_pola"></div>

    </form>

  </body>

</html>
Go to the top of the page
+Quote Post
Paul
post 23.02.2004, 22:43:48
Post #3





Grupa: Zarejestrowani
Postów: 636
Pomógł: 0
Dołączył: 22.10.2003
Skąd: Katowice

Ostrzeżenie: (0%)
-----


tez mozesz sprobowac pokombinowac w JS cos w oparciu o style.visibilty - hidden i visible;
Go to the top of the page
+Quote Post
spenalzo
post 23.02.2004, 23:06:04
Post #4





Grupa: Zarejestrowani
Postów: 2 064
Pomógł: 1
Dołączył: 22.01.2003
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Dzięki Seth.


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

Go to the top of the page
+Quote Post
daniel111
post 12.04.2004, 13:39:02
Post #5





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 28.08.2003

Ostrzeżenie: (0%)
-----


Chciałbym odgrzać ten temat, bo skrypt Setha jest ok, ale nie działa pod Netscapem ... a to duża wada ...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.07.2025 - 07:15