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

假设输入有一个值为“foo”的 id 属性：

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