9

Tengo este código pero a la hora de cambiar la opción del primer DropDownList me sale el siguiente error:

undefined en el segundo DropDownList

 -El controlador-
public JsonResult ArticulosPorCategoria(int Id )
{
      var articulos = db.articulo.ToList().Where(p => p.Id_Categoria == Id);
      return Json(articulos, JsonRequestBehavior.AllowGet); 
}
    <script type="text/javascript">
        $(function () {
            $("#Categoria").change(function () {
                var val = $(this).val();
                var subItems="";
                $.getJSON("@Url.Action("ArticulosPorCategoria","Ventas")", {id:val} ,function (data){
                  $.each(data,function(index,item){
                    subItems+="<option value='"+item.Value+"'>"+item.Text+"</option>"
                  });
                  $("#Articulo").html(subItems)
                });
            });
        });
    </script>
@Html.DropDownList("Categoria", ViewBag.Categoria as SelectList, 
htmlAttributes: new { @class = "form-control" })

@Html.DropDownList("Articulo", ViewBag.Artics as SelectList, 
htmlAttributes: new { @class = "form-control" })

Asi es como me sale:
Asi es como me sale

1

1 respuesta 1

7

Ya lo resolví por si alguien necesita algo similar en un futuro

Controlador

public JsonResult ArticulosPorCategoria(int Id )
{
    var articulos = db.articulo.ToList().Where(p => p.Id_Categoria == Id);
    return Json(new SelectList(articulos, "Id", "Nombre")); 
}

Script

<script type="text/javascript">

    $(document).ready(function () {
        $("#Categoria").change(function () {
            $("#Articulo").empty();
            $.ajax({
                type: 'POST',
                url: '@Url.Action("ArticulosPorCategoria")',
                dataType: 'json',
                data: { id: $("#Categoria").val() },
                success: function (articulos) {
                    $.each(articulos, function (i, articulo) {
                        $("#Articulo").append('<option value="' + articulo.Value + '">' +  
                        articulo.Text + '</option>');   

                    });
                },
            })
        });
    });
</script>
@Html.DropDownList("Categoria", ViewBag.Categoria as SelectList,htmlAttributes: new { @class = "form-control" })

@Html.DropDownList("Articulo", ViewBag.Artics as SelectList,htmlAttributes: new { @class = "form-control" })

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.