Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Vi que está muito batido o assunto de "Combobox Dinâmico", porém não acho como popular um simples SELECT com Jquery lendo uma página XML.
OBS.: Avisando de ante-mão, não tenho conhecimento nem com JS, muito menos com Jquery.
Vamos lá!
São três páginas:
INDEX.PHP
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="state.js"></script> // Aqui é o código aonde será pego o
</head>
<body>
<form action="resposta.php" method="post">
<select name="IdState"> // Não sei se o Jquery é 'Case Sensitive', e muito mesmo pode o NAME ter essa variação de 'CAIXA'
<option value="">Selecione</option>
</select>
</form>
</body>
</html>
STATE.PHP - Para poupar código, e o final ele já está aparecendo desse modo.
<?xml version="1.0" encoding="ISO-8859-1"?>
<States>
<State>
<IdState>17</IdState>
<nameState>Pernambuco</nameState>
</State>
</States>
STATE.JS - AQUI É O PROBLEMA, COMO FAÇO ISSO?
$(document).ready(function(){
$.ajax({
type : GET,
URL : 'http://www.outrodominio.com.br/state.php',
dataType : xml,
success : function(xml){
$(xml).find(States).each(function(){
var nameState = $(this).find(nameState).text();
var IdState = $(this).find(IdState).text();
$("select[name=IdState]").append('<option value=' +IdState+ '>' +nameState+ '</option>');
});
}
});
})
Esse trecho foi copiado, e moldado. Não sei se está correto, mas ele não funciona. Não carrega nada no <SELECT NAME='IdState'>.
Se alguém puder ajudar fico grato!
Carregando comentários...