[JavaScript][Jquery] Tabela ukrycie następnego atrybutu po zaznaczeniu. Opcje

[DonPolaczek]

Witam serdecznie od 2 godzin próbuję się uporać z następującym problemem mamy kod z opcjami wyboru czyli z wariantami i chciałbym w jquery wykonać taki manewr że po zaznaczeniu jednego ukrywa się drugi a mianowicie mamy taki kod:

[HTML] pobierz, plaintext 
<tr>
<td class="label"><label for="miasto">Miasto</label></td>
<td class="value">
<select id="miasto" class="" name="attribute_miasto" data-attribute_name="attribute_miasto"><option value="">Wybierz opcje</option>
 <option value="Szczecin" >Szczecin</option>
 <option value="Wrocław" >Wrocław</option>
 <option value="Legnica" >Legnica</option>
 </select>	
</td>
</tr>
<tr>
 
<td class="label"><label for="dieta">Dieta</label></td>
<td class="value">
<select id="dieta" class="" name="attribute_dieta" data-attribute_name="attribute_dieta"><option value="">Wybierz opcje</option>
<option value="Dieta Paleo" >Dieta Paleo</option>
<option value="Dieta Paleo Premium" >Dieta Paleo Premium</option>
<option value="Dieta Glikemiczna" >Dieta Glikemiczna</option>
</select>						
</td>
</tr>
[HTML] pobierz, plaintext 

I teraz za pomocą Jquery chciałbym aby po zaznaczeniu np Miasta Legnica ukrył się atrybut z Dieta przykładowo Dieta Gikemiczna. Próbuje się z tym uporać nie wiem jak się do tego odwołać z góry dziękuję za jakąkolwiek pomoc jeżeli znajdę rozwiązanie wrzucę je tutaj Pozdrawiam.

Ten post edytował DonPolaczek 4.11.2015, 20:57:22

[trueblue]

Dla każdego miasta powinieneś albo odpytywać bazę danych, albo przechowywać na stałe w kodzie powiązane widoczne diety albo niezwiązane.
Domyślnie wszystkie diety ukryte, albo odkryte.
W przypadku kliknięcia miasta sprawdzasz jakie ma powiązane diety i te pokazujesz/chowasz, a pozostałe odwrotnie.

Powiązane diety w przypadku wariantu z pokazawaniem:

[HTML] pobierz, plaintext 
<option value="Szczecin" data-dieta="Dieta Paleo,Dieta Paleo Premium">Szczecin</option>
[HTML] pobierz, plaintext 

powiązane diety w przypadku wariantu z ukrywaniem:

[HTML] pobierz, plaintext 
<option value="Szczecin" data-dieta="Dieta Glikemiczna">Szczecin</option>
[HTML] pobierz, plaintext 

W przypadku bazy danych powiązania powinny być w tabelach, wtedy każdorazowe kliknięcie miasta może odpytywać bazę i generować inny select dla diet.

Ten post edytował trueblue 4.11.2015, 21:03:02

[DonPolaczek]

A więc zacznę od tego że chciałem zrobić to w Jquery dlatego że to jest Wordpress->Woocommerce i nie mam możliwości zrobić tego w kodzie ponieważ to się generuję. A wiem iż w Jquery jest taka możliwość tylko nie mogę na razie znaleść odpowiedniego odwołania a wiem że ktoś co się zna na Jquery nie będzie miał z tym problemu dodam że nie szukam gotowego rozwiązania ale dziękuje za pomoc.

Stworzyłem skrypt tylko teraz nie mogę go za includować w Wordpressie wie ktoś jak to zrobić o to skrypt:

[HTML] pobierz, plaintext 
 
  $( "#dieta" ).change(function() {
 
      if ( $( "#dieta option:selected" ).text()=="Dieta Paleo" ) {
 
          $('#ilosc-posilkow option[value="Lunch Box A - 3 posilki ( II sniadanie. obiad. podwieczorek )"]').hide();
 
      }
 
 
  });  
 
 
[HTML] pobierz, plaintext 

Ten post edytował DonPolaczek 5.11.2015, 12:38:39

[rad11]

https://www.google.pl/webhp?sourceid=chrome...jquery%20script

[DonPolaczek]

Czytam o tym przyjacielu Nie napisałbym tego posta gdybym sam nie sprawdził i nie próbował. Nadal aktualne czy zna ktoś może jakiś prosty spsób aby ten nieszczęsny Jquery zadziałał w tym Woocommerce.
Dodam że daje go w odpowiednim miejscu a mianowicie MójSzablon->Woocommerce-Single-Product->add-to-cart->Variable.php i w kodzie żrodłowym skrypt wyświetla się w tym miejscu co powininenn tylko że nie działa.

Doczytałem różnych rzeczy co do jquery w Wordpress a więc teraz kod wygląda tak i jak wspomniałem widze go w Kodzie Zródłowym:

[HTML] pobierz, plaintext 
<script>
jQuery(document).ready(function() {
 
	jQuery('#dieta').change(function() {
 
		if ( jQuery( "#dieta option:selected" ).text()=="Dieta Paleo" ) {
			jQuery('#miasto').hide();
 
			});	
		});
	});
});
</script>
[HTML] pobierz, plaintext 

Ten post edytował DonPolaczek 5.11.2015, 14:03:06