Skip to main content
etiquetas editadas
Enlace
user128299
user128299
Origen Enlace

Tomar valor de manera dinamica

estoy tratando de mandar dos parámetros que necesito a un script de sql, para que me haga una modificación en la base de datos. Lo que tengo es los siguiente:

$(function() {
    $('.tabla :input').on('change', function(){
       var $input = $(this);
       if($input.val() === 'F'){
           $input.removeClass('verde');
          $input.addClass("rojo"); 
          /*$input.classList.remove('verde');*/
          /* $input.style['background'] = 'red';*/
       } else {
           $input.removeClass('rojo');
           $input.addClass("verde");
           /*$input.classList.remove('rojo');*/
           /*$input.style['background'] = 'green';*/
       }
    });
    $("#ejecutar").click(function(){
        var ano = new Date();
        console.log(ano.getFullYear());
        console.log((ano.getMonth()+1));
        $("input[name='dia[]']").each(function(indice, elemento) {
            console.log('El elemento con el índice '+indice+' contiene '+$(elemento).val());
        });
    });
    $("input").on('change', function(){
        var fecha = $("input").attr("name");
        var placa = $("td").attr("name");
        console.log(placa);
        $.post("modificar.php",{centro: $("#input").attr("name")});
    });
});
body {
  font-family: Serif, Arial, Helvetica, "sans-serif";
  background-color: #31aee7;
  color: white;
}
.placa, .dia{
    font-size: 1.2em;
    background-color:#085584ff;
    width: 50px;
    font-weight: bold;
}
input{
    border-radius: 5px;
    border: 0;
    width: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
}
/*input[value="1"]{
    background: green;
}
input[value="F"]{
    background: red;
}*/
.rojo {
    background: red;
    font-weight: bold;
}
.verde {
    background: green;
    font-weight: bold;
}
table, th,td{
  border: 2px solid;
  border-color: white;
  border-radius: 5px;
  text-align: center;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html lang="en">
  <head>
    <title></title>
    <meta charset="utf-8">
   </head>
  <body>
   <table class="tabla">
    <tbody>
      <tr>
        <th width="100" class="placa">Placa</th>
        <th width="100" class="dia">1</th>
        <th width="100" class="dia">2</th>           
        <th width="100" class="dia">3</th>
        <th width="100" class="dia">4</th>
        <th width="100" class="dia">5</th>
        <th width="100" class="dia">6</th>
      </tr>
      <tr>
        <td align="center" name="abc123">abc123</td>
        <td><input type="text" class="rojo" value="F"                   name="12/1/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/2/2019"></td>
        <td><input type="text" class="rojo" value="F"                   name="12/3/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/4/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/5/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/6/2019"></td>
       </tr>
       <tr>
       <tr>
        <td align="center" name="def123">def123</td>               <td><input type="text" class="rojo" value="F"                    name="12/1/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/2/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/3/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/4/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/5/2019"></td>
        <td><input type="text" class="rojo" value="F"                    name="12/6/2019"></td>
       </tr>

Al dar click en algún input si me trae el name del td pero el problema es que siempre me toma el mismo y no se como hacer para que cambie por que la idea es que me traiga cada placa dependiendo donde cambie el input.

Trate por medio de PHP concatenar la placa y la fecha en cada input pero no me los une, la verdad ya no se que mas hacer para darle solución a esto, ya que necesito tanto la fecha como la placa para validar que modifique lo que le pido.

Agradezco mucho la ayuda que me puedan dar.