Obtener el valor de un id

pedro56 · 2020-08-29T09:48:01-0500

Hola comunidad 🧡

Digamos que tengo tres textarea:

Insertar CODE, HTML o PHP:

<textarea id="uno"></textarea>
<textarea id="dos"></textarea>
<textarea id="tres"></textarea>

Me gustaría obtener mediante JavaScript el valor del id del textarea 2, osea obtener el valor "dos".

¿Como logro hacer esto?

kanikase · 2020-08-29T09:51:11-0500

document.getElementById('dos').value

pedro56 · 2020-08-29T09:56:28-0500

kanikase dijo:
document.getElementById('dos').value

Creo que este código es para obtener el valor que esta dentro de las etiquetas textarea:

Insertar CODE, HTML o PHP:

<textarea id="mio">valor textarea</textarea>

Con tu código se obtendría como respuesta "valor textarea", y yo lo que quiero obtener es el valor del id, osea "mio".

Como lo puedo hacer @kanikase ?

kanikase · 2020-08-29T10:00:12-0500

pedro56 dijo:
Creo que este código es para obtener el valor que esta dentro de las etiquetas textarea:

Insertar CODE, HTML o PHP:

<textarea id="mio">valor textarea</textarea>

Con tu código se obtendría como respuesta "valor textarea", y yo lo que quiero obtener es el valor del id, osea "mio".

Como lo puedo hacer @kanikase ?

Depende del código que tengas, en el caso del post como lo pones, sería:

JavaScript:

document.getElementsByTagName('textarea')[1].id

explorenew · 2020-08-29T10:00:43-0500

Siempre tienes 3 textareas ?

pedro56 · 2020-08-29T10:03:08-0500

kanikase dijo:
Depende del código que tengas, en el caso del post como lo pones, sería:

JavaScript:

document.getElementsByTagName('textarea')[1].id

Si, entiendo...

Gracias por tu respuesta.

Recordemos que en JavaScript los nodos empiezan a contarse desde cero.

Gracias nuevamente...

explorenew dijo:
Siempre tienes 3 textareas ?

Si.

explorenew · 2020-08-29T10:05:04-0500

kanikase dijo:
Depende del código que tengas, en el caso del post como lo pones, sería:

JavaScript:

document.getElementsByTagName('textarea')[1].id

@pedro56 si en toda la pagina solo tienes 3 textareas este codigo es el que requieres.

bits4me · 13 Sep 2020

hola que tal?
te hice una pequeña funcion para manejar los textareas

JavaScript:

const textarea = id_textarea =>{
    const self = document.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        console.log("%c el textarea con el id '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
}

su uso:

JavaScript:

const valorTextarea = textarea('dos').value

en caso de error:
el textarea con el id 'dos' no existe.

Zarat · 13 Sep 2020

bits4me dijo:
hola que tal?
te hice una pequeña funcion para manejar los textareas

JavaScript:

const textarea = id_textarea =>{ const self = document.querySelectorAll(`textarea#${id_textarea}`)[0]; if(typeof self !== 'object'){ console.log("%c el textarea con el id '"+id_textarea+"' no existe.","color:red;font-size:2rem"); }else return self; }

su uso:

JavaScript:

const valorTextarea = textarea('dos').value

en caso de error:
el textarea con el id 'dos' no existe.

Creo que el busca obtener "dos", siendo el nombre del atributo ID mas no su valor.

bits4me · 13 Sep 2020

Zarat dijo:
Creo que el busca obtener "dos", siendo el nombre del atributo ID mas no su valor.

JavaScript:

const textarea = id_textarea =>{
    if(! isNaN(id_textarea)){
        self = document.querySelectorAll("textarea")[id_textarea - 1];
    }else self = document.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        const numb = (! isNaN(id_textarea)) ? "con el id" : "numero";
        console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
}

done:
textarea('dos').value --->con el id "dos"
o
textarea(2).id --->el textarea numero 2

Zarat · 13 Sep 2020

bits4me dijo:

JavaScript:

const textarea = id_textarea =>{
    if(! isNaN(id_textarea)){
        self = document.querySelectorAll("textarea")[id_textarea];
    }else self = document.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        const numb = (! isNaN(id_textarea)) ? "con el id" : "numero";
        console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
}

done:
textarea('dos').value --->con el id "dos"
o
textarea(2).id --->el textarea numero 2

que elegancia la de Francia, ahora si 😀

PD. asi obtienes el valor del ID del textarea 3 😛

pedro56 · 13 Sep 2020

Muchas gracias, si es correcto @bits4me y @Zarat.

bits4me · 13 Sep 2020

Zarat dijo:
que elegancia la de Francia, ahora si 😀

PD. asi obtienes el valor del ID del textarea 3 😛

ahora si w el definitivo >:|

JavaScript:

Object.prototype.textarea = function(id_textarea) {
    if(! isNaN(id_textarea)){
        self = this.querySelectorAll("textarea")[id_textarea - 1];
    }else self = this.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        const numb = (! isNaN(id_textarea) ) ? "numero" : "con el id";
        console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
};

uso:
suponiendo que quieres el primer textarea del documento

JavaScript:

document.textarea(1).id

suponiendo que tienes varios textarea dentro de un div padre con la clase "padre"

JavaScript:

document.querySelector(".padre").textarea(2).id

pedro56 · 13 Sep 2020

Gracias 🙂

Zarat · 13 Sep 2020

bits4me dijo:
ahora si w el definitivo >:|

JavaScript:

Object.prototype.textarea = function(id_textarea) { if(! isNaN(id_textarea)){ self = this.querySelectorAll("textarea")[id_textarea - 1]; }else self = this.querySelectorAll(`textarea#${id_textarea}`)[0]; if(typeof self !== 'object'){ const numb = (! isNaN(id_textarea) ) ? "numero" : "con el id"; console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem"); }else return self; };

uso:
suponiendo que quieres el primer textarea del documento

JavaScript:

document.textarea(1).id

suponiendo que tienes varios textarea dentro de un div padre con la clase "padre"

JavaScript:

document.querySelector(".padre").textarea(2).id

No respeta el orden de los nodos, pero me gusta 😛 +1

Obtener el valor de un id

pedro56

kanikase

pedro56

kanikase

explorenew

pedro56

explorenew

bits4me

Zarat

bits4me

Zarat

pedro56

bits4me

pedro56

Zarat

Temas similares