Concatenar variables para usar un JQuery genérico en varios textareas
Publicado por Marta (1 intervención) el 28/03/2020 18:56:56
Hola buenas!
Estoy teniendo un problema, necesito que pase lo siguiente:
Que el usuario cuando clique en un textarea le aparezca el contador de caracteres, en este caso, 0/250. Hasta ahí todo ok.
El problema lo estoy teniendo cuando intento poner el mismo javascript para todos los textareas, es decir, quiero utilizar un javascript genérico para todos los textareas, concatenando los id. Os muestro:
Por un lado el script:
Y por otro lado el textarea y el div:
Ahora bien, necesito que el mismo script sin duplicarlo o triplicarlo sirva para los siguientes textareas:
Estoy teniendo un problema, necesito que pase lo siguiente:
Que el usuario cuando clique en un textarea le aparezca el contador de caracteres, en este caso, 0/250. Hasta ahí todo ok.
El problema lo estoy teniendo cuando intento poner el mismo javascript para todos los textareas, es decir, quiero utilizar un javascript genérico para todos los textareas, concatenando los id. Os muestro:
Por un lado el script:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
function contarcaracteres (){
var total=250;setTimeout(function(){
var valor=document.getElementById('fe563');
var respuesta=document.getElementById('res');
var cantidad=valor.value.length;
if(document.getElementById('lang').value == 'ES') {
document.getElementById('res').innerHTML = cantidad + ' de 250 (quedan ' + (total - cantidad) + ')';}
else{document.getElementById('res').innerHTML = cantidad + ' de 250 (queden ' + (total - cantidad) + ')';}
});
}</script>
Y por otro lado el textarea y el div:
1
2
<textarea class="algo-mas" id="fe563" maxlength="250" name="P5" onpaste="contarcaracteres();" onkeyup="contarcaracteres();"></textarea>
<div id="res" style="margin: 0px 200px 0px 10px; color: #BFBABA" >0</div>
Ahora bien, necesito que el mismo script sin duplicarlo o triplicarlo sirva para los siguientes textareas:
1
2
3
4
5
<textarea class="algo-mas" name="PCC1" id="fe589"></textarea>
<div id="res" style="margin: 0px 200px 0px 10px; color: #BFBABA" >0</div>
<textarea class="algo-mas" name="PCC2" id="fe590"></textarea>
<div id="res" style="margin: 0px 200px 0px 10px; color: #BFBABA" >0</div>
Valora esta pregunta
0