View:
<asp:Content ID="Javascript" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript">
$(document).ready(function () {
$("#estados").change(function () {
var uf = listaCidade($(this).val());
});
});
//chamada ajax para a Action ListaCidade
//passando como parâmetro a Estado selecionado
function listaCidade(uf) {
// <%=Url.Action("listaCidade")%>
$.getJSON('/AdmPaginaBranca/listaCidade/' + uf, listaCidadeCallBack);
}
//função que irá ser chamada quando terminar
//a chamada ajax
function listaCidadeCallBack(json) {
//Limpar os itens que são maiores que 0
//Ou seja: não retirar o primeiro item
$("#cidades:gt(0)").remove();
$(json).each(function (id, nome) {
//adicionando as opções de acordo com o retorno
//alert(data);
$("#cidades").append("<option value='" + this.id + "'>" + this.nome + "</option>");
});
}
</script>
Controller:
public ActionResult listaCidade(int id)
{
cidadeEstadoDAO obj = new cidadeEstadoDAO();
var estado = obj.CarregarComboCidade(id);
var data = estado.Select(m => new { m.id, m.nome }).ToList();
return Json(new { Result = data }, JsonRequestBehavior.AllowGet);
}
Estou com o seguinte problema: quando eu seleciono o estado na dropdownlist
, ele chama o método normalmente e faz o select no banco (verifiquei pelo "inspecionar elemento") porém, na dropdown
da cidade, ele está vindo com o valor undefined. Quando coloco um alert
no "id" ou no "nome" aparece undefined também.
Alguma alma caridosa pode me ajudar?
action
pelo browser e veja o retorno.return Json(data, JsonRequest...)
direto?