HTML-ссылка для изменения значения текстового поля

Question

Я пытаюсь создать текст в формате html, который после щелчка, значение текстового поля, находящегося рядом с ним, меняет свое значение, чтобы быть равным значению текста, который щелкнул Могу ли я в любом случае сделать это?

Другими словами, я хочу функциональность кнопки (событие onClick) для ссылки / текста. Например: что не так с этим?

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

Answer 1

Предполагая, что вход имеет атрибут id со значением "foo":

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

Фреймворки, такие как JQuery, могут сделать это немного проще:

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

Можно добавить это событие, например, к элементу span. Рекомендуется использовать сценарий для установки этих событий и специальных стилей, чтобы отражать их действия, чтобы без сценария их различное (отсутствие) поведение по-прежнему выглядело интуитивно понятным.

Answer 2

Вы можете сделать это так:

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

С JQuery:

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