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.

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

onChange()

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

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

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ć

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.

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.

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


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?

A klikałeś na linka?


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

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?

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

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."

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.


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

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