enlace html para cambiar el valor de un cuadro de texto

Question

Estoy tratando de crear texto en html, que una vez que se hace clic, el valor de un cuadro de texto que reside cerca de él, cambia su valor para que sea igual al del texto en el que se hizo clic. ¿Hay alguna manera de que pueda hacer eso?

En otras palabras, quiero la funcionalidad de un botón (el evento onClick) para un enlace / texto. Por ejemplo: ¿Qué hay de malo en esto?

<td>
    <input type="submit" name="submit" value=<%=text.toString()%>  
        onClick="(<% TextBox1.Text=text.toString()%>)" 
        style="background:none;border:0;color:#ff0000">
</td>

Answer 1

Suponiendo que la entrada tiene un atributo id con el valor " foo " ;:

onclick="document.getElementById('foo').value='bar';"

Los marcos como JQuery pueden hacer esto un poco más simple:

$('#foo').attr('value', 'bar');

Uno podría agregar este evento a un elemento span, por ejemplo. Es recomendable utilizar el script para configurar estos eventos y estilos especiales para reflejar cómo actúan, de modo que sin el script su comportamiento diferente (falta de) aún se vea intuitivo.

Answer 2

Puedes hacerlo así:

<span onclick="document.getElementById('myTextbox').value=this.innerHTML;">text</span>
<input type="text" value="" id="myTextbox">

Con JQuery:

<span onclick="$('#myTextbox').val(this.innerHTML);">text</span>
<input type="text" value="" id="myTextbox">