Forum PHP.pl > [Java][HTML]Formularz jak zrobić warunek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Java][HTML]Formularz jak zrobić warunek

M44ti

29.06.2012, 22:06:32

Witam zastanawiam się jak zrobić aby po zaznaczeniu jakieś opcji pojawił mi się wybór następnych, tak jak na obrazku:

Chce zrobić 3 opcje do wyboru i jezeli ktoś wybierze np 1 opcje niżej pokaże się możliwość wyboru następnych z danej kategori np.

AUTA []
ROWERY []
SAMOLOTY []

=================
jeżeli auta to:
BMW[]
AUDI[]
itd
=================
jezeli rowery to:
cośtam[]
....

Proszę o pomoc

untorched

29.06.2012, 22:14:59

Roziązanie wg. mojego myślenia jest dość proste. Stworzyć pod wyborem głównych kategorii trzy ukryte div'y i przy pomocy jQuery wyświetlać odpowiedni div w zależności od wybranej kategori. Pomysł prosty, realizacja raczej też

matejbos

29.06.2012, 22:34:38

mozna wykorzystac cos takiego np

[HTML] pobierz, plaintext 
<select id="mark">
  <option value="">--</option>
  <option value="bmw">BMW</option>
  <option value="audi">Audi</option>
</select>
<select id="series">
  <option value="">--</option>
  <option value="series-3" class="bmw">3 series</option>
  <option value="series-5" class="bmw">5 series</option>
  <option value="series-6" class="bmw">6 series</option>
  <option value="a3" class="audi">A3</option>
  <option value="a4" class="audi">A4</option>
  <option value="a5" class="audi">A5</option>
</select>
[HTML] pobierz, plaintext

Kod

$("#series").chained("#mark"); /* or $("#series").chainedTo("#mark"); */

untorched

29.06.2012, 22:49:14

Albo tak:

[HTML] pobierz, plaintext 
<html>
	<head>
		<title>Test</title>
		<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
 
		<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
 
		<script type="text/javascript">
			function show(id) {
				$("div").hide();
				$("#info"+id).fadeIn('slow');
			}
		</script>
	</head>
 
	<body>
	<a href="#" onclick="show(1)">Pierwsze</a><Br>
	<a href="#" onclick="show(2)">Drugie</a><br>
	<a href="#" onclick="show(3)">Trzecie</a><br><hr><br>
 
	<div id="info1" style="display: none;">Pierwszy komunikat</div>
	<div id="info2" style="display: none;">Drugi komunikat</div>
	<div id="info3" style="display: none;">Trzeci komunikat</div>
	</body>
 
</html>
[HTML] pobierz, plaintext

M44ti

30.06.2012, 00:43:11

Cytat(matejbos @ 29.06.2012, 23:34:38 )

mozna wykorzystac cos takiego np

[HTML] pobierz, plaintext 
<select id="mark">
  <option value="">--</option>
  <option value="bmw">BMW</option>
  <option value="audi">Audi</option>
</select>
<select id="series">
  <option value="">--</option>
  <option value="series-3" class="bmw">3 series</option>
  <option value="series-5" class="bmw">5 series</option>
  <option value="series-6" class="bmw">6 series</option>
  <option value="a3" class="audi">A3</option>
  <option value="a4" class="audi">A4</option>
  <option value="a5" class="audi">A5</option>
</select>
[HTML] pobierz, plaintext

Kod

$("#series").chained("#mark"); /* or $("#series").chainedTo("#mark"); */

Zastosowałem twój sposób i wszystko ładnie działa. Dzięki!

Pełna wersja dostępna tutaj:
http://www.appelsiini.net/projects/chained

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.