none
Problemas al ejecutar una función desde Jquery. RRS feed

  • Pregunta

  • Estimados.

    Al ingresar a la pagina, me carga correctamente el primer combo, pero al seleccionar una opción del primer combo, no logro que entre al función Jquery, por ende los otros dos combos (en cascada) no logran cargarse.

    Al final adjunto código y pueden observar que existe un alert("b") que tampoco entra.

    Saludos y gracias por su tiempo

    @model Scarab_PM.Models.ConsultaModel 
    @{
        ViewBag.Title = "Consulta";
        Layout = "~/Views/Shared/_SistemaMedico.cshtml";
    }
    <h2>Consulta</h2>
    <script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
     
        $(window).ready(function () {
            alert("b");
    
             $('#ddlCategoria').change(function () {
                 var Id_Categoria = $(this).val();
                 $.getJSON('/SistemaMedico/LoadTipoByCategoria', { Id_Categoria: Id_Categoria },
                        function (TipoData) {
                            var select = $('#ddlTipo');
                            select.empty();
                            select.append($('<option/>', {
                                value: 0,
                                text: 'Seleccione un tipo'
                            }));
                            $.each(TipoData, function (index, itemData) {
                                alert(TipoData);
                                alert(itemData);
                                select.append($('<option/>', {
                                    value: itemData.Value,
                                    text: itemData.Text
                                }));
                            });
                        });
             });
    
             $('#ddlTipo').change(function () {
                 var Id_Tipo = $(this).val();
                 $.getJSON('/SistemaMedico/LoadDiagnoticoByTipoId', { Id_Tipo: Id_Tipo },
                        function (diagnosticoData) {
                            var select = $('#ddlDiagnostico');
                            select.empty();
                            select.append($('<option/>', {
                                value: 0,
                                text: "Select un diagnostico"
                            }));
                            $.each(diagnosticoData, function (index, itemData) {
                                select.append($('<option/>', {
                                    value: itemData.Value,
                                    text: itemData.Text
                                }));
                            });
                        });
             });
         });
    
    
    </script>
    
    
    
    
    @using (Html.BeginForm())
    {
      <fieldset>
            <legend>DropDownList</legend>
            <p>
                @Html.DropDownListFor(Model => Model.Id_Categoria , new SelectList(ViewBag.Categorias as System.Collections.IEnumerable, "Id_Categoria", "Capitulo"),
    
                "Select a Student", new { id = "ddlCategoria" })
            </p>
            <p>
                @Html.DropDownListFor(Model => Model.Id_Tipo , new SelectList(Enumerable.Empty<SelectListItem>(), "Id_Tipo", "Diagnostico_Tipo"),
                "Select a Class", new { id = "ddlTipo" })
            </p>
            <p>
                @Html.DropDownListFor(Model => Model.Id_Diagnostico , new SelectList(Enumerable.Empty<SelectListItem>(), "Id_Diagnostico", "Diagnostico_Subcodigo"),
                "Select a Mark", new { id = "ddlDiagnostico" })
            </p>
    
    
     
         
        </fieldset>
        
    }
    

    martes, 26 de noviembre de 2013 19:26

Respuestas

  • hola

    no definas

    $(window).ready(function () {

    usa

    $(document).ready(function () {

    es mas aconsejaria actuales la version de jquery y uses solo

    $(function () {

    ..

    });

    http://api.jquery.com/ready/

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta Ricardo_1984 miércoles, 27 de noviembre de 2013 18:08
    martes, 26 de noviembre de 2013 23:54
  • otra duda

    validaste que jquery se cargue correctamente ?

    porque no usas

    <script src="~/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    usas MVC 4, no ?

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta Ricardo_1984 miércoles, 27 de noviembre de 2013 18:08
    martes, 26 de noviembre de 2013 23:55

Todas las respuestas

  • hola

    no definas

    $(window).ready(function () {

    usa

    $(document).ready(function () {

    es mas aconsejaria actuales la version de jquery y uses solo

    $(function () {

    ..

    });

    http://api.jquery.com/ready/

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta Ricardo_1984 miércoles, 27 de noviembre de 2013 18:08
    martes, 26 de noviembre de 2013 23:54
  • otra duda

    validaste que jquery se cargue correctamente ?

    porque no usas

    <script src="~/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    usas MVC 4, no ?

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta Ricardo_1984 miércoles, 27 de noviembre de 2013 18:08
    martes, 26 de noviembre de 2013 23:55
  • Gracias, agregando el script y $(document).ready(function () { funciono correctamente.

    Saludos.

    miércoles, 27 de noviembre de 2013 18:09