Vaciado de controles
Publicado por Victor (195 intervenciones) el 26/05/2015 11:36:21
Buenas tardes.
Tengo este div en el cual se generan inputs los cuales intento borrar de forma automatica:
Este es el el contenido del javaScript con el que intento vaciar los inputs:
Cuando lo hago la consolo me muestra este error:
Uncaught TypeError: document.getElementsByClassName(...).getElementsByName is not a function
Por que?
Gracias de antemano.
Tengo este div en el cual se generan inputs los cuales intento borrar de forma automatica:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<div class="controlesVaciarTolvillas" id=controlesVaciarTolvillas">
<table >
<tr>
<td>
<table style="text-align: center;">
<tr>
<td>
<label>Fecha Entrada</label>
</td>
<td>
<label>Peso Entrada</label>
</td>
<td></td>
<td>
<label>Fecha Salida</label>
</td>
<td>
<label>Peso Salida</label>
</td>
</tr>
<tr>
<td>
<input <?php echo ($Disabled); ?> name="fchEntrada" type="date">
</td>
<td>
<input <?php echo ($Disabled); ?> type="number" name="pesoEntrada" style="width: 70px;">
</td>
<td>
<input <?php echo ($Disabled); ?> name="btnPeso" type="button" value="Pesar"
onclick="javascript:pesar(<?php echo $valorEntrada ?>)">
</td>
<td>
<input <?php echo ($Disabled); ?> name="fchSalida" type="date">
</td>
<td>
<input <?php echo ($Disabled); ?> type="number" name="pesoSalida" style="width: 70px;">
</td>
<td>
<input <?php echo ($Disabled); ?> name="btnPeso" type="button" value="Pesar"
onclick="javascript:pesar(<?php echo $valorEntrada ?>)">
</td>
</tr>
</table>
</td>
</tr>
<tr name="tbAnimalesExistentes">
<td>
<table class="tbExistenAnimalesDentro">
<tr>
<?php
if($cuadras['cantidad']!=0)
{
?>
<label><br>Box Habilitados:<?php echo $numFilas=$cuadras['cantidad'];?></label>
</tr>
<tr>
<?php
$conta=0;
for($i=0;$i<$cuadras['cantidad'];$i++)
{
$conta++;
?>
<td>
<label>
Crotal
</label>
</td>
<td>
<input type="text" name="crotal<?php echo $i;?>"
value="<?php if(isset($cuadras['boxes'][$i]['crotal'])&&($cuadras['boxes'][$i]['crotal']!=""))
{echo $cuadras['boxes'][$i]['crotal'];}else{echo "";} ?>">
</td>
<td>
<?php
$Disabled= "";
//echo "CROTAL VALE".$cuadras['boxes'][$i]['crotal'];
if($cuadras['cantidad']!=0)
{$Disabled= "Enabled";
}else {$Disabled="Disabled";
} //echo"<br>Le paso el crotal=>".$cuadras['boxes'][$i]['crotal']."Para ir a la ficha";
?>
</td>
<td>
<button name="btDlt<?php echo $i;?>" type="button" title="Eliminar Animal"
<?php echo ($Disabled); ?>
onclick="javascript:eliminarAnimal(<?php echo $valorEntrada?>,
<?php if(isset($cuadras['boxes'][$i]['crotal']))
{ echo $cuadras['boxes'][$i]['crotal'];}
?>)"style="width: 30px;height: 20px;">
<img src="images/icono_eliminar.png" ">
</button>
<input name="numeroFilas" hidden="hidden" value="<?php echo $cuadras['cantidad'];?>">
</td>
<td>
<input hidden="hidden" name="posicion" value="<?php echo $i;?>">
<input hidden="hidden" name="idBoxTolvillas<?php echo $i;?>" id="idBoxTolvillas"
value="<?php if(isset($cuadras['boxes'][$i]['idBoxTolvillas']))
{echo $cuadras['boxes'][$i]['idBoxTolvillas'];}
else{echo "";}?>">
</td>
<td>
<input <?php echo ($Disabled); ?> name="btnDelt" type="button"
onclick="javascript:vaciarCampo(<?php echo $valorEntrada?>,
<?php if(isset($cuadras['boxes'][$i]['crotal']))
{ echo $cuadras['boxes'][$i]['crotal'];}?>)"
style="background-image:url(images/actualizar.png);width: 25px;"; >
</td>
<?php
if(($conta % 2)==0)
{
echo "</tr>";
echo "<tr>";
}
}
}
?>
</tr>
</table>
</td>
</div>Este es el el contenido del javaScript con el que intento vaciar los inputs:
1
2
3
4
5
6
var controlesTolvillas=document.getElementsByClassName("controlesVaciarTolvillas").getElementsByName("input");
for(i=0;i<controlesTolvillas.length;i++)
{controlesTolvillas[i].value="";
}this.reload();
Cuando lo hago la consolo me muestra este error:
Uncaught TypeError: document.getElementsByClassName(...).getElementsByName is not a function
Por que?
Gracias de antemano.
Valora esta pregunta
0