Pokaż elementy obiektu o id równym x Opcje

[d4ng]

Witajcie stworzyłem sobie tablice z markami i modelami samochodów, a następnie wyeksportowałem ja do JSON'a. Po stronie klienta mam 2 selectory i gdy wybiore markę zwróci mi lisę modeli. Problem w tym że na chwile obecną zwraca mi wszystkie modele z obiektu a ja chciałbym zwrócić tylko te których(wybrano == value.marka_id). Jak to zrobić? z góry dziękuje i życzę miłego popołudnia (IMG:style_emoticons/default/wink.gif)

[HTML] pobierz, plaintext 
<script>
$.getJSON( "dane/baza.json", function(result) {
 
			var marka = result.marka;
			$.each(marka, function(key, value) {
				 $('.wybierz-marka').append('<option value="'+value.id+'">'+value.name+'</option>');
			});
 
			var model = result.model;
			$('.wybierz-marka').on('change', function() {
 
				var wybrano = parseInt($(this).val()); // jaką markę wybrano
 
				$.each(model, function(wybrano, value) {
					$('.wybierz-model').append('<option value="'+value.id+'" data-marka="'+value.marka_id+'">'+value.name+'</option>');
					// zwraca wszystkie modele, a chciałbym żeby zwróciło tylko te których (wybrano == value.marka_id) czyli należą do danej marki 
				});
			});
		});
</script>
[HTML] pobierz, plaintext 

[trueblue]

A co stoi na przeszkodzie, aby wprowadzić warunek dla linii 15?

Może lepszym rozwiązaniem dla Ciebie byłoby umieszczenie marek i pustego select modeli, w kodzie html na stałe.
W zależności od wybranej marki żądanie ajax odpytywałoby o modele tej marki i na tej podstawie zmieniałbyś zawartość drugiego select.

[d4ng]

Dziękuje za odpowiedź. Otóż już próbowałem z warunkiem i nie otrzymałem oczekiwanego rezultatu.. Tak pewnie rozwiązanie z pustym polem i ajaxem byłoby łatwiejsze, ale generuje dodatkowe zapytania do serwera...

[trueblue]

Sprawdź co masz w zmiennej wybrano:
console.log(wybrano);

Nie generuje dodatkowego zapytania, a na plus jest to, że zwraca mniejszą ilość danych. Gdyby użytkownik przejrzał wszystkie marki, wtedy dopiero ilość pobranych danych równałaby się ilości danych Twojego rozwiązana (zwykłe żądania+ajax).

[d4ng]

heheh ale siara (IMG:style_emoticons/default/haha.gif) D jeszcze raz spróbowałem z warunkiem i działa musiałem zrobić jakąś literówkę.. (IMG:style_emoticons/default/haha.gif)

[HTML] pobierz, plaintext 
<script>
$.each(region, function(key, value) {
 
	if(wybrano == value.countries_id){
		$('.wybierz-region').append('<option value="'+value.countries_id+'">'+value.name+'</option>');
	}
});
</script>
[HTML] pobierz, plaintext 

pozdrawiam! (IMG:style_emoticons/default/smile.gif)

Ten post edytował d4ng 30.01.2015, 18:05:41