Witam!

Kombinowałem trochę z kodem, aby uzyskać taki formularz w którym wybranie w 1 <select> jakieś opcji powodowało wyświetlenie innego selecta, przypisanego do tej opcji.

Udało mi się zrobić coś takiego i działa, jednak to nie wszystko co chciałem osiągnąć.

[PHP] pobierz, plaintext 
 
<script type="text/javascript">
			function showSelect()
			{
				$(\'.select\').change(function(){
			    $(\'.select2\').hide();
			    $(\'.\'+$( this ).val()+\'_show\').show();
				});
			}
			</script>						
 
<label>Kategoria</label>	
							<select class="select" name="typ" onchange="showSelect()">
								<option value="1" class="panie">Panie</option>
								<option value="2" class="panowie">Panowie</option>
							</select>
 
 
						<label class="1_show select2">Typ</label>
							<select class="1_show select2">
								'.$this->panieList().'
							</select>
 
						<label class="2_show select2">Typ</label>
							<select class="2_show select2">
								'.$this->panowieList().'
							</select>
[PHP] pobierz, plaintext 

Problem polega na tym, że dopiero jak dokonam zmiany po raz drugi - to wyskakują te selekty dodatkowe. Chciałbym, aby w momencie wyświetlenia stronu już był wyświetlony:

[PHP] pobierz, plaintext 
						<label class="1_show select2">Typ</label>
							<select class="1_show select2">
								'.$this->panieList().'
							</select>
[PHP] pobierz, plaintext 

Jak to osiągnąć?

Odświeżam.


Ktoś zna przyczynę tego, że ten <selekt> docelowy wyświetla się zawsze po dokonaniu drugiej zmiany?

Na początku nie ma nic, dopiero muszę wybrać - Panowie, potem znowu Panie i dopiero wyświetli się <select>.

A łapiesz zasadę działania onchange()? Jeśli chcesz mieć coś zaznaczonego domyślnie, to użyj atrybutu selected.

Coś takiego?

<option value="1" class="panie" selected="selected">Panie</option>

Jak to należy ugryźć?

Atrybut selected spowoduje, że dana opcja będzie automatycznie zaznaczona. O coś innego Ci chodzi?

Dokładnie o to, tylko czy mogłbyś na bazie skryptu który wkleiłem przedstawić mi zastosowanie właściwe "selected"?

No... to co wkleiłeś. Nie łapię pytania.

W pierwszym poscie masz moj skrypt. Moglbys go.przerobic tak aby wyswietlal domyslnie ta pierwsza kategorie? Nie wiem jak to zrobic z tym "selected". Bylbym wdzieczny.

1. Twój kod działa tylko za drugim razem, bo za pierwszym jedyne co robisz to podpinasz event. Czyli ogólnie robisz dwa razy to samo:



i tutaj:



Rozwiązanie powinno nasuwać Ci się samo.

2. Jeśli chcesz aby na dzień dobry wyświetlał się jeden z pozostałych selectów, to w zależności od rozwiązania, wystarczy, że wywołasz funkcje showSelect() lub skorzystasz z funkcji trigger() jquery.

Dzieki za rzeczowa odpowiedz. Raczkuje w kwesti js jak widac. Wroce do domu to przetestuje.

Kurde... kombinuje z tym cały czas.

Nie wiem co zrobić. Jak usunę:

onchange="showSelect()"

To nie dokonuje w ogóle żadnej zmiany.

Jak usunę to:

$(\'.select\').change(function(){


to nie działa.