Combobox a partir de URLs

[Fernando Acosta 1]

Amigos,

tenho um problema e vou tentar explicá-lo aqui e ver se alguém me ajuda.

 

A situação é: 2 estados, 5 cidades em cada um, 2 supermercados em cada uma. Quero que o usuário selecione o supermercado correto a partir de três selects:

 

Estado > Cidade > Supermercado. Ok! A questão é: cada supermercado tem uma url do tipo domíniogeral.com/?id-mercado, e isso é tudo o que eu tenho.

 

Então eu tenho todas essas URLs e eu preciso inserir um filtro para que no select "supermercado" só filtre as que tem o ID compatível com a cidade selecionada.

 

Não sei se me fiz entender, mas essencialmente é usar um select para filtrar informações em outro a partir de uma lista de urls.

 

Se alguém puder me ajudar, obrigado!

 

[Tadeu Barbosa 18]

Veja se isso te ajuda... Acho que se encaixa perfeitamente em seu problema:

 

http://forum.imasters.com.br/topic/522236-mudar-option-conforme-o-valor-do-radio-button-selecionado-phpmysql/?p=2077837

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>

<script>
var data = {
"Categoria 1":["P\u00e1gina 1 Categoria 1","P\u00e1gina 2 Categoria 1"],
"Categoria 2":["P\u00e1gina 1 Categoria 2","P\u00e1gina 2 Categoria 2"],
"Categoria 3":["P\u00e1gina 1 Categoria 3","P\u00e1gina 2 Categoria 3"],
"Categoria 4":["P\u00e1gina 1 Categoria 4","P\u00e1gina 2 Categoria 4"]
};

</script>
<div id="inputs">
<input type="radio" name="categoria" value="Categoria 1"> Categoria 1
<input type="radio" name="categoria" value="Categoria 2"> Categoria 2
<input type="radio" name="categoria" value="Categoria 3"> Categoria 3
<input type="radio" name="categoria" value="Categoria 4"> Categoria 4
</div>

<select id="select"></select>

<script>
$(function(){

'use stric';

(update = function(index)
{
var first = $('input[name="categoria"]:eq(0)').val();

$('#select option').remove();

$('input[name="categoria"]').eq(index||0).attr('checked','checked');

var array = data[ index||first ];

for( i in array)
{
$('#select').
append('<option value="'+ array[i] +'">'+ array[i] +'</option>');
}

})();

$('input[name="categoria"]').change(function()
{
update( $(this).val() );

});
});
</script>