[PHP][HTML][JavaScript]Problem z listą rozwijalną, Jak po wybraniu elementu, wyświetlić opis... Opcje

[TrafficManZZPL]

Witam,

(krótko i na temat), tak jak w temacie.

Posiadam taki kod:

[HTML] pobierz, plaintext 
<td width="300">Regione:&nbsp;&nbsp;</td>
  <td>
<select name="contact_province">
<optgroup label="name_province">
 <option>select_province</option>
 <option>select_province</option>
</optgroup>
...
</select>
  </td>
  </tr>
[HTML] pobierz, plaintext 

Zatem moje pytanie brzmi:
Jak zrobić, aby (w tym wypadku) po wybraniu "select_province", w komórce obok, wyświetliło opis do Niej?.
Przykład:
Wybieram z listy np. (tytuł grupy) Pomorskie, potem Gdynia i po wybraniu, obok (w ramce np), wyświetla się opis: "Wybrałeś miasto Gdynia. Pamiętaj, że ...(coś tam).". Nie chodzi o "chmurkę", ale o tekst wyświetlony obok.

Po 1: Cały kod tego "formularza" jest objęty php. -> Pełny kod strony tutaj
Po 2: Po wysłaniu formularza, zapisywany jest do pliku txt.

Czy do tego potrzebna(?) jest baza danych, czy możliwe jest np. wykonanie w plikach tekstowych, albo wraz z kodem strony?

Podaję stronę, gdzie znajduje się pełny formularz.

P.S. Przeszukałem ze 30 stron, plus strony w google i nie znalazłem satysfakcjonującej dla mnie odpowiedzi.


Proszę o pomoc.
Dziękuję serdecznie za pomoc.

Pozdrawiam,
Damian.

[luniak]

radzę zapoznać się z JavaScript a w szczególności z funkcją

onChange()

http://www.w3schools.com/jsref/jsref_onchange.asp

[TrafficManZZPL]

A może ktoś podałby przykład wykonania tejże funkcji w moim przykładzie?

[luniak]

Tu zmnień tak:

[HTML] pobierz, plaintext 
<select name="contact_province" onchange="opis(this.value);">
<optgroup label="name_province">
 <option>prowincja1</option>
 <option>prowincja2</option>
</optgroup>
...
</select>
<div id="opis" width="100" height="100"></div>
[HTML] pobierz, plaintext 

a w head daj to:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function opis(wartosc)
{
if(wartosc == 'prowincja1')
   {
   document.getElementById(opis).innerHTML = "Opis pierwszej";
   }
else if(wartosc == 'prowincja2')
   {
   document.getElementById(opis).innerHTML = "Opis dugiej";
   }
else
   {
   document.getElementById(opis).innerHTML = "";
   }
}
</script>
[HTML] pobierz, plaintext 

pisane na szybko więc nie sprawdziłem ale powinno działać

Ten post edytował luniak 25.01.2009, 14:51:23

[TrafficManZZPL]

Dzięki.

A jeśli wprowadzę więcej kodu?.

Podpowiem: Robię listę wyboru dla kraju włoskiego, więc jak niektórzy się orientują, jest tam 20 województw, i każde województwo posiada tak jakby prowincję. Jedno województwo ma tam jedną, a inne aż 10 prowincji.

Ten post edytował TrafficManZZPL 25.01.2009, 15:10:53

[erix]

http://javascript.about.com/library/bldydrop1.htm

[TrafficManZZPL]

http://javascript.about.com/library/bldydrop1.htm

Wybacz, ale widziałeś jak wygląda strona i o co proszę?
Nie chodzi mi o dwa pola wyboru, ale jedno pole, gdzie po wskazaniu elementu, obok pojawi się informacja do niego.

[erix]

No to w podobny sposób; zamieniasz tylko kod dodawania pól na inną treść.

A jeśli wprowadzę więcej kodu?.

To w czym problem? Ewentualnie, aby to czytelniej wyglądało, to używasz switcha.

[TrafficManZZPL]

To w czym problem? Ewentualnie, aby to czytelniej wyglądało, to używasz switcha.

No tak, można pewnie i tak.
Tyle, że ... , jestem zielony w te klocki i jeśli można prosić o Przykład wykonania odnosząc się do mojego problemu, byłbym wdzięczny.


A jaki jest łatwiejszy i ma lepszy wygląd, sposób, aby wykonać moje zapytanie?

[erix]

A klikałeś na linka?

jestem zielony w te klocki i jeśli można prosić o Przykład wykonania odnosząc się do mojego problemu

Przykłady już dostałeś. ~luniak podał; switch, to jest inna metoda.

[TrafficManZZPL]

Nie klikałem, wiesz...

Aha, rozumiem.
Dziękuję za pomoc wszystkim.


No to teraz sprawa wyglądu.
A jeśli chodzi o wygląd takiego pola, to gdzie to skonfigurować, czy może po prostu w moim wypadku użyć jakoś(?) np. obramowania?

Ten post edytował TrafficManZZPL 25.01.2009, 16:28:32

[erix]

A jeśli chodzi o wygląd takiego pola, to gdzie to skonfigurować, czy może po prostu w moim wypadku użyć jakoś(?) np. obramowania?

CSS. Ale elementy formularza są konfigurowalne w bardzo ograniczonym stopniu.

[TrafficManZZPL]

Więc chyba powinno starczyć na wstawienie np. ramki i koloru tekstu?

Ale wtedy jakby wyglądał taki styl?

Np. chciałbym w takiej ramce ustawić:
"Ważne. Wybrałeś opcję X,<br> pamiętaj, że coś tam."

[erix]

Więc chyba powinno starczyć na wstawienie np. ramki i koloru tekstu?

To bardzo zależy od przeglądarki; niektóre nawet i na to nie pozwolą. Ale ogólnie, to np. border: 1px solid #CCC; color: #000. Mam na myśli, oczywiście, listę <select />, dla innych elementów jest już większe pole manewru.

Np. chciałbym w takiej ramce ustawić:
"Ważne. Wybrałeś opcję X,<br> pamiętaj, że coś tam."

Ciut nie czaję? Wtedy to zwykły CSS.

[TrafficManZZPL]

Mam na myśli, oczywiście, listę <select />, dla innych elementów jest już większe pole manewru.

Hę?. Jak select, przecież chodzi mi, by drugiej kolumnie się wyświetlała wiadomość.
Chyba wtedy kod wyglądałby tak:

[HTML] pobierz, plaintext 
/../
<style>
#info {...}
/../
<tr>
<td width="300">Regione:&nbsp;&nbsp;</td>
<td>
<select name="contact_province">
<optgroup label="name_province">
<option>select_province1</option>
<option>select_province2</option>
</optgroup>
...
</select>
</td>
[HTML] pobierz, plaintext 

A w drugiej kolumnie, już PO WYBRANIU ELEMENTU Z LISTY, na przykład:

[HTML] pobierz, plaintext 
<td>
<div id="info">
<b>Ważne.</b>
<br>
Wybrałeś opcję <font color="red"><b>X</b></font><br>pamiętaj, że coś tam.
</div>
</td>
</tr>
[HTML] pobierz, plaintext