我知道之前有人问过这个问题,但我正在根据我提供的代码寻找具体的答案:
<script type="text/javascript">
function insertText(name, text) { var elem = document.getElementById(name); elem.innerHTML += text; }
</script>
...
<img src="/images/text1.png" onclick="insertText('textbox1', 'Text to be displayed'); insertText('textbox2', 'Text to be displayed');">
<img src="/images/text2.png" onclick="insertText('textbox1', 'Text to be displayed'); insertText('textbox2', 'Text to be displayed');">
<img src="/images/clear.png" onclick="this.form.elements['textbox1'].value = ''; this.form.elements['textbox2'].value = '';">
...
<textarea id="textbox1" name="option1"></textarea>
<textarea id="textbox2" name="option2"></textarea>
它真的没有比这更基本的了(是的,我意识到缺少基本的 html 内容,我将其剥离以更好地显示它)
点击事件可以很好地处理函数调用并将文本附加到文本区域。问题是当我点击“清除”图像时,没有任何反应。我看到很多例子,人们说这行得通,但实际上行不通。单击“清除”按钮时没有任何清除。有什么想法吗?
最佳答案
尝试
onclick="document.getElementById['textbox1'].value = ''; document.getElementById['textbox2'].value = '';">
ID应该是唯一的,所以不支持通过ID搜索元素
关于javascript - 单击清除文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24811219/