mai

20

JQuery JSon combo dinamico

Para fazer um combo dinamico com JQuery e JSon é muito simples!

crie um arquivo JSon com o nome situacao.json e com o seguinte conteudo:

{”situacao”:[{"id":2,"nome":"FECHADO"},{"id":3,"nome":"ANDAMENTO"},{"id":1,"nome":"ABERTO"}]}

e um arquivo html com o seguinte conteudo:

<html>
<head>
<script src=”./js/jquery.js”></script>

<script>
$(document).ready(function(){

$.getJSON(”situacao.json”,
function(data){
$.each(data.situacao, function(i,item){
$(”#links”).append(”<option value=’”+item.nome+”‘>”+item.nome+”</option>”);
});
});
});
</script>

</head>
<body>
<select id=”links”>
</select>

</body>
</html>

Até mais.

 ———————————

Ale, tenta esse código

 <html>
<head>
<script src=“http://code.jquery.com/jquery-latest.js”></script>
<script>
$(document).ready(function(){
$.getJSON(“Estados.json”,function(data){
$.each(data.Estados, function(i,item){
$(“#IDESTADO”).append(“<option value=’”+item.nome+“‘>”+item.nombre+“</option>”);
});
});
});
</script>
</head>
<body>
<select id=“IDESTADO”>
</select>
</body>
</html>

Posted in Jquery | 6 Comments »