Fazer seta para baixo ir para próximo elemento do mesmo tipo
Estou fazendo um sistema de cadastro e preciso que quando se está manipulando uma parte da table e apertar a seta para baixo ela vá para o próximo do mesmo tipo. Exemplo, estou alterando a data de Nascimento e clico seta para baixo vai para a próxima data de Nascimento
Eu sei que o código para a seta para baixo é 49 e estou usando class para mexer com os elementos da tabela.
código da tabela:
<form method="POST" action="index.php?p=animal/teste" onkeypress="return event.keyCode != 13;">
<table>
<tr>
<th></th>
<th></th>
<th>Data de Nascimento</th>
<th>Data de Identificação</th>
<th>Número Definitivo</th>
<th>Número Provisório</th>
<th>Raça</th>
<th>Pasto</th>
<th>Vaca</th>
<th>Touro</th>
<th>Sexo</th>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" id="a"></td>
<td><input type="text" id="b"></td>
<td><input type='text' id="c"></td>
<td><input type='text' id="d"></td>
<td><select name="raca" id="e"><option value=''></option>
<?php
foreach ($raca as $cat) {
$nome_cat = $cat["descricao"];
$id_cat = $cat["idRaca"];
echo "<option value='$id_cat'>$nome_cat</option>";
}
?>
</select></td>
<td><select name="lote" id="i"><option value=''></option>
<?php
foreach ($lote as $cat) {
$nome_cat = $cat["descricao"];
$id_cat = $cat["idLote"];
echo "<option value='$id_cat'>$nome_cat</option>";
}
?>
</select></td>
<td><input type="radio" name="vaca" value="N" class="f"> Não<br>
<input type="radio" name="vaca" value="S" class="f"> Sim</td>
<td><input type="radio" name="boi" value="N" class="g"> Não<br>
<input type="radio" name="boi" value="S" class="g"> Sim</td>
<td><input type="radio" name="sexo" value="M" class="h"> Macho<br>
<input type="radio" name="sexo" value="F" class="h"> Fêmea</td>
</tr>
<tr>
<th></th>
<th></th>
<th>Setor</th>
<th>Grau de Sangue</th>
<th>Pelagem</th>
</tr>
<tr>
<td></td>
<td></td>
<td><select name="setor" id="j"><option value=''></option>
<?php
foreach ($setor as $cat) {
$nome_cat = $cat["descricao"];
$id_cat = $cat["idSetor"];
echo "<option value='$id_cat'>$nome_cat</option>";
}
?>
</select></td>
<td><select name="gSangue" id="k"><option value=''></option>
<?php
foreach ($gSangue as $cat) {
$nome_cat = $cat["descricao"];
$id_cat = $cat["idGrau"];
echo "<option value='$id_cat'>$nome_cat</option>";
}
?>
</select></td>
<td><select name="pelagem" id="l"><option value=''></option>
<?php
foreach ($pelagem as $cat) {
$nome_cat = $cat["descricao"];
$id_cat = $cat["idPelagem"];
echo "<option value='$id_cat'>$nome_cat</option>";
}
?>
</select></td>
</tr>
</table>
<?php for($i = 0; $i < $tam; $i++){?>
<table>
<tr>
<th>ID</th>
<th>Número SISBOV</th>
<th>Data de Nascimento</th>
<th>Data de Identificação</th>
<th>Número Definitivo</th>
<th>Número Provisório</th>
<th>Raça</th>
</tr>
<tr>
<td><?php echo $id++;?></td>
<td><input type="input" name="animal[<?php echo $i;?>][numeroSisbov]" value="<?php echo $sisbovs[$i];?>"></td>
<td><input type='radio' class='alterarNasc' onclick="mNasc('alterarNasc', 'a', 'dataNascimento', 'nasc')"><div class="nasc" ><input type="text" name="animal[<?php echo $i;?>][dataNascimento]" value="<?php echo $a['dataNascimento'];?>"></div></td>
<td><input type='radio' class='alterarIdent' onclick="mNasc('alterarIdent', 'b', 'dataIdentificacao', 'ident')"><div class="ident"><input type="text" name="animal[<?php echo $i;?>][dataIdentificacao]" value="<?php echo $a['dataIdentificacao'];?>"></div></td>
<td><input type='radio' class='alterarnDef' onclick="mNasc('alterarnDef', 'c', 'numeroDefinitivo', 'nDef')"><div class="nDef"><input type='text' name='animal[<?php echo $i;?>][numeroDefinitivo]' value=' <?php echo $a['numeroDefinitivo'];?>'></div></td>
<td><input type='radio' class='alterarnProv' onclick="mNasc('alterarnProv', 'd', 'numeroProvisorio', 'nProv')"><div class="nProv"><input type='text' name='animal[<?php echo $i;?>][numeroProvisorio]' value='<?php echo $a['numeroProvisorio'];?>'></div></td>
<td><input type='radio' class='alterarRaca' onclick="mraca('alterarRaca', 'e', 'raca')"><?php acharNaTabela($raca, 'idRaca', 'descricao', $a, 'codRaca', $i, "raca");?></div></td>
</tr>
<tr>
<th>Sexo</th>
<th>Pasto</th>
<th>Setor</th>
<th>Grau de Sangue</th>
<th>Pelagem</th>
<th>Vaca</th>
<th>Touro</th>
</tr>
<tr>
<td><input type='radio' class='alterarSexo' onclick="mCheck('alterarSexo', 'h', 'sexo')"><?php checked($a['sexo'], "F", "M", 'sexo', 'F', 'M', $i, 'sexo');?></td>
<td><input type='radio' class='alterarLote' onclick="mraca('alterarLote', 'i', 'lote')"><?php acharNaTabela($lote, 'idLote', 'descricao', $a, 'idLote', $i, "lote");?></td>
<td><input type='radio' class='alterarSetor' onclick="mraca('alterarSetor', 'j', 'setor')"><?php acharNaTabela($setor, 'idSetor', 'descricao', $lo[0], 'idSetor', $i, "setor"); ?></td>
<td><input type='radio' class='alterarSangue' onclick="mraca('alterarSangue', 'k', 'gSangue')"><?php acharNaTabela($gSangue, 'idGrau', 'descricao', $a, 'idGrau', $i, "grauS");?></td>
<td><input type='radio' class='alterarPelagem' onclick="mraca('alterarPelagem', 'l', 'pelagem')"><?php acharNaTabela($pelagem, 'idPelagem', 'descricao', $a, 'idPelagem', $i, "pelagem");?></td>
<td><input type='radio' class='alterarVaca' onclick="mCheck('alterarVaca', 'f', 'vaca')"><?php checked($a['vaca'], "S", "N", 'vaca', 'Sim', 'Não', $i, 'vaca');?></td>
<td><input type='radio' class='alterarTouro' onclick="mCheck('alterarTouro', 'g', 'touro')"><?php checked($a['touro'], 'S', 'N', 'touro', 'Sim', 'Não', $i, 'touro');?></td></tr>
</table>
<?php }?>
<input type="submit" value="Cadastrar Animais">
</form>

Discussão (0)
Carregando comentários...