filtros em input select

[glicose]

Boas, tenho 2 inputs selects, um de categoria, e um de subcategoria

Queria saber como faço para ao selecionar a categoria preencher a subcategoria

Trabalho com PHP.

Grato 🙂

[yoda]

Boas,

Convém que mostres algum esforço da tua parte em tentar chegar a uma solução.

Precisas de javascript e ajax para conseguir sacar os valores quando mudas o valor da select box. Se usares jquery, a solução é simples.

[glicose]

Alguém teria algum tutorial que possa me dar alguma base de como partir? Não quero nada feito, apenas ter uma idéia de como começar

Grato  😄

[glicose]

Com jquery eu preciso dar refresh na página? e com Ajax não? É isso?

Eu consegui assim

<select name="cat_nome" onchange="document.forms(0).submit()">

Aí no outro select name, eu filtro com WHERE cat_nome="$_POST[cat_nome]"

Dá certo, o problema é que dá refresh na página, e dá erros de validação dos campos que são necessários ser preenchidos. Além do que creio que não é muito funcional fazer esse refresh, acho que o site fica muito lento com esse filtro

Com Ajax é melhor?

Grato

[yoda]

jQuery é um conjunto de funções que facilitam o uso do javascript.

Com jQuery não precisas fazer refresh na página, podes alterar os conteudos das selectbox quantas vezes quiseres sem a pagina ser actualizada.

Algo deste género :

$(function() {

$('#id_selectbox').change( function() {
	// aqui obtem-se o valor do select que está seleccionado
	var id = $(this).attr('value');

	// aqui pede-se ao php o resultado respectivo desse valor
	$.ajax({
		type: 'get',
		url: 'ajax.php',
		data: 'id='+id,
		dataType: 'json',
		async: false,
		success: function(data) {
			// aqui apaga os valores antigos do 2º select
			$('#id_selectbox_2').html('');
			// aqui percorre o array dos novos valores e adiciona-os ao 2º select
			$.each(data, function(i,item){
				$('#id_selectbox_2').append('<option value="'+i+'">'+item+'</option>');
			});
		}
	});
});

});

Para usares esse código como aí está, tens de transformar o que vem do php para json, usando http://php.net/manual/en/function.json-encode.php

[glicose]

Eu consegui fazer em Ajax, ainda estou meio sem tempo pra mexer com Jquery

Fiz com esse tutorial, creio ser a maneira mais utilizada em Ajax.

http://www.theducks.com.br/pub/artigo_ajax.txt

Agora eu precisava saber como eu faria pra passar o valor pra uma variável ao invés de passar pra outra selectbox

Quem puder ajudar eu agradeço

Abraços 🙂

[yoda]

Agora eu precisava saber como eu faria pra passar o valor pra uma variável ao invés de passar pra outra selectbox

É aí que jQuery facilita.