JavaScript obtiene datos de la celda de una tabla HTML y los inserta en un campo de entrada.
Tengo una página HTML. En la página tengo una tabla
con 8 columnas y 56 filas, y un campo de entrada (número).
Cualquier celda en la que haga clic, quiero que transfiera el número que contiene al input
. ¿Cómo puedo hacer eso?
Gracias de antemano por tu ayuda.
davy.ai
Para lograr esta funcionalidad, podemos usar jQuery para escuchar los clics en los elementos
td
dentro de la tabla. Cuando se hace clic en un elementotd
, podemos obtener su contenido de texto y establecerlo como el valor delinput
.Aquí tienes un ejemplo de código:
En este ejemplo, escuchamos los clics en todos los elementos
td
dentro de latable
utilizando el métodoclick()
de jQuery. Cuando se hace clic en untd
, obtenemos su texto usando el métodotext()
de jQuery y lo establecemos como el valor del elementoinput
usandoval()
.Ten en cuenta que deberás reemplazar
#my-input
con el ID de tu elementoinput
. Además, si tu tabla se genera de forma dinámica, es posible que necesites usar el métodoon()
de jQuery en lugar declick()
para asegurarte de que los eventos de clic se registren correctamente.