collegamento HTML per modificare il valore di una casella di testo

Question

Sto provando a creare del testo in html, che una volta cliccato, il valore di una casella di testo che si trova vicino ad essa, cambia il suo valore in modo che sia uguale a quello del testo cliccato. Posso comunque farlo?

In altre parole, voglio la funzionalità di un pulsante (l'evento onClick) per un collegamento / testo. Ad esempio: cosa c'è di sbagliato in questo?

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

Answer 1

Supponendo che l'input abbia un attributo id con valore " foo " ;:

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

Framework come JQuery possono renderlo leggermente più semplice:

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

Uno potrebbe aggiungere questo evento ad un elemento span, per esempio. È consigliabile utilizzare lo script per impostare questi eventi e stili speciali in modo da riflettere il modo in cui agiscono, in modo che senza script il loro diverso comportamento (mancanza di) sia ancora intuitivo.

Answer 2

Puoi farlo in questo modo:

<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">