¿Como obtener valor de varias etiquetas y mostrar en un input text?

publicado por: Anonymous

Tengo un grupo de etiquetas y quiero que cuando seleccione 1 o varias, se muestre o se muestren los VALUES de c/u de las etiquetas en un INPUT TEXT. Con este código ya logro mostrar SOLO 1 DE LAS ETIQUETAS, aun no logro obtener el valor de más de 2 etiquetas <a>

<input class="tf w-input" id="node" maxlength="256" placeholder="Vida nocturna, el aeropuerto " type="text">

<a class="btn desc fav w-button" id="parque" name="parque" onclick = "add(this);" >PARQUE</a> 

<a class="btn desc fav w-button" id="parque" name="parque" onclick = "add(this);">CENTRO COMERCIAL</a>

<a class="btn desc fav w-button" id="parque" name="parque" onclick = "add(this);">GYM</a>

Esta es la función de Javascript con la que obtengo el valor solo de PARQUE, los demás valores no los logro mostrar.

function add(x)
{

    var valor = document.getElementById("parque").innerHTML;
    document.interes.node.value = valor;                            

}

Espero me puedan apoyar, se los agradezco.

solución

Yo haría algo así:

Guardo los valores de cada <a> al momento de darle click en un array y al value del input le agrego ese array convertido en un string

_x000D_

_x000D_

var array_valores = Array();_x000D_
_x000D_
function add(x)_x000D_
{_x000D_
_x000D_
    var input = document.getElementById('node');_x000D_
    array_valores.push(x.innerHTML);_x000D_
_x000D_
    input.value = array_valores.toString();                         _x000D_
_x000D_
}

_x000D_

<input class="tf w-input" id="node" maxlength="256" placeholder="Vida nocturna, el aeropuerto " type="text">_x000D_
_x000D_
    <a class="btn desc fav w-button" id="parque" name="parque" onclick="add(this);" >PARQUE</a> _x000D_
_x000D_
    <a class="btn desc fav w-button" id="parque" name="parque" onclick="add(this);">CENTRO COMERCIAL</a>_x000D_
_x000D_
    <a class="btn desc fav w-button" id="parque" name="parque" onclick="add(this);">GYM</a>

_x000D_

_x000D_

_x000D_

Espero te sirva, saludos.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *