jquery do not run

Jdt Tavarez 1

of course yes , her it is

[HttpPost]
public JsonResult dametotalHoras(int Id)
{
float totalhoras = 0;
IEnumerable <Router> objRouterList = _db.Router.ToList();
foreach(var objRouter in objRouterList)
{
if(objRouter.IdEmpleado == Id)
{
totalhoras= (float)(objRouter.canth + totalhoras);
}
}

        return Json(totalhoras);  
    }

Qing Guo - MSFT 886 Reputation points Microsoft Vendor

2022-09-16T02:08:58.783+00:00

Hi @Jdt Tavarez ,
Thank you for your quick response, can you convert the code in the picture into a code that can be copied?

Jdt Tavarez 1

[HttpPost]
public JsonResult dametotalHoras(int Id)
{
float totalhoras = 0;
IEnumerable <Router> objRouterList = _db.Router.ToList();
foreach(var objRouter in objRouterList)
{
if(objRouter.IdEmpleado == Id)
{
totalhoras= (float)(objRouter.canth + totalhoras);
}
}

@默 Router
<div class="border p-3 mt-4">
<h2 class="text-primary">
Asignacion de turnos
</h2>
</div>
<form method="post" enctype="multipart/form-data">
<div class="row " col-md-6>
<div class="col-md-2" style="padding: 3px;">
<select id="DD1">
<option value="-1">Selecciona Empleado</option>
@foreach (var item in ViewBag.ListofEmpleados)
{
<option value="@item.Id">@item.Nombreempleado</option>
}
</select>
</div>
<div class="col-md-2" style="padding: 1px;">
<div>
<button type="submit" class="btn btn-primary" id="btnGetEmployee()"; >Dame Emp/Id</button>
</div>
</div>

        <div class="col-md-1" style="padding: 1px;">                      
                   <p id="Empleadono">                             
                   </p>                     
       </div>  
         
       <div class="col-md-2">  
                <div>    
                   <p id="CantHoras">  
                         
                   </p>  
                </div>  
       </div>  
    </div>

                     $("#Empleadono").text("Id:=  " + x);  

                }  
             );  
        });  
</script>  


         
        return Json(totalhoras);  
    }

Jdt Tavarez 1

                     $("#Empleadono").text("Id:=  " + x);  

                }  
             );  
        });  
</script>

@默 Router
<div class="border p-3 mt-4">
<h2 class="text-primary">
Asignacion de turnos
</h2>
</div>
<form method="post" enctype="multipart/form-data">
<div class="row " col-md-6>
<div class="col-md-2" style="padding: 3px;">
<select id="DD1">
<option value="-1">Selecciona Empleado</option>
@foreach (var item in ViewBag.ListofEmpleados)
{
<option value="@item.Id">@item.Nombreempleado</option>
}
</select>
</div>
<div class="col-md-2" style="padding: 1px;">
<div>
<button type="submit" class="btn btn-primary" id="btnGetEmployee()"; >Dame Emp/Id</button>
</div>
</div>

        <div class="col-md-1" style="padding: 1px;">                      
                   <p id="Empleadono">                             
                   </p>                     
       </div>  
         
       <div class="col-md-2">  
                <div>    
                   <p id="CantHoras">  
                         
                   </p>  
                </div>  
       </div>  
    </div>

[HttpPost]
public JsonResult dametotalHoras(int Id)
{
float totalhoras = 0;
IEnumerable <Router> objRouterList = _db.Router.ToList();
foreach(var objRouter in objRouterList)
{
if(objRouter.IdEmpleado == Id)
{
totalhoras= (float)(objRouter.canth + totalhoras);
}
}

        return Json(totalhoras);  
    }

Qing Guo - MSFT 886 Reputation points Microsoft Vendor

2022-09-16T08:01:32.887+00:00
Hi @Jdt Tavarez ,

Try to use F12 to see the error message in the console. Besides I make some change according to your code .

<button type="submit" class="btn btn-primary" id="btnGetEmployee()"; >Dame Emp/Id</button>

1.Change the id="btnGetEmployee"

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>;

Change into: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

my code as below, remove ; : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
@section scripts{
<script>
$(document).ready(function () {
$("#btnGetEmployee").click(function() {
var x = document.getElementById("DD1").value;
document.getElementById("Empleadono").innerHTML = "No. = " + x;
alert(x);
$.ajax({
type: "Post",
url: "/Administracion/dametotalHoras",
data:{ Id: x },
success: function(response) {
$("#CantHoras").text("Cant/H: " + JSON.stringify(response));
$("#Empleadono").text("Id:= " + JSON.stringify(response));
}
});
});
});
</script>
}

result:

Jdt Tavarez 1

                     $("#Empleadono").text("Id:=  " + x);  

                }  
             );  
        });  
</script>

@默 Router
<div class="border p-3 mt-4">
<h2 class="text-primary">
Asignacion de turnos
</h2>
</div>
<form method="post" enctype="multipart/form-data">
<div class="row " col-md-6>
<div class="col-md-2" style="padding: 3px;">
<select id="DD1">
<option value="-1">Selecciona Empleado</option>
@foreach (var item in ViewBag.ListofEmpleados)
{
<option value="@item.Id">@item.Nombreempleado</option>
}
</select>
</div>
<div class="col-md-2" style="padding: 1px;">
<div>
<button type="submit" class="btn btn-primary" id="btnGetEmployee()"; >Dame Emp/Id</button>
</div>
</div>

        <div class="col-md-1" style="padding: 1px;">                      
                   <p id="Empleadono">                             
                   </p>                     
       </div>  
         
       <div class="col-md-2">  
                <div>    
                   <p id="CantHoras">  
                         
                   </p>  
                </div>  
       </div>  
    </div>

[HttpPost]
public JsonResult dametotalHoras(int Id)
{
float totalhoras = 0;
IEnumerable <Router> objRouterList = _db.Router.ToList();
foreach(var objRouter in objRouterList)
{
if(objRouter.IdEmpleado == Id)
{
totalhoras= (float)(objRouter.canth + totalhoras);
}
}

        return Json(totalhoras);  
    }

Jdt Tavarez 1

thank you very mych i was desesperated.

5 answers