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