Drukowana wersja tematu

Napisany przez: zyluss 14.02.2018, 15:25:57

Witajcie, borykam się z problemem na który nie mogę znaleźć odpowiedzi, mianowicie mam ukryte divy prostą funkcją:

[XML] pobierz, plaintext 
$(function() {
  $('#dieta').change(function(){
    $('.diets').hide();
    $('#' + $(this).val()).show();
  });
});
[XML] pobierz, plaintext 

i teraz po wejściu na stronę z konkretnym planem mam już jakiś wybrany ale nadal on ma display: none, a chciałbym aby zaznaczony był już widoczny

[HTML] pobierz, plaintext 
 <http://december.com/html/4/element/select.html class="form-control" id="dieta">
<http://december.com/html/4/element/option.html value="fit">Fit</http://december.com/html/4/element/option.html>
<http://december.com/html/4/element/option.html value="sport" selected>Sport</http://december.com/html/4/element/option.html>
<http://december.com/html/4/element/option.html value="economy">Economy</http://december.com/html/4/element/option.html>
</http://december.com/html/4/element/select.html>
[HTML] pobierz, plaintext 

w css próbowałem option:checked ale nie działa takie rozwiązanie

Napisany przez: KotWButach 14.02.2018, 16:13:06

Nie jestem pewien co chcesz osiągnąć. Ale z tego co mówisz wynika że próbujesz pokazać element jeżeli, któraś opcja ma selected?

Jeżeli tak to tu masz odp.
https://stackoverflow.com/questions/10213620/how-to-check-if-an-option-is-selected

Napisany przez: trueblue 14.02.2018, 16:19:42

Możesz wywołać zdarzenie change, które przypiąłeś do select.
Ale skoro ustawiasz w HTML wybraną opcje, to dlaczego tam również nie usuniesz stylu?

Napisany przez: zyluss 14.02.2018, 19:45:16

Dzięki bardzo

odp.

[XML] pobierz, plaintext 
$('#'+$('#dieta option:selected').val()).show();
[XML] pobierz, plaintext