如何将变量文本添加到文本区域以及用户输入的文本

How to add Variable text to a textarea along with user entered text.

本文关键字:文本 用户 输入 区域 变量 添加      更新时间:2023-09-26

所以我有一些代码工作,除了一个方面。它目前允许将替代文本添加到文本区域,然后使用它输入新文本,但它首先清除文本区域中的所有内容。您无法开始注释,然后选择复选框。您必须先选中复选框。我希望自己也能做到。下面是函数:

function updatebox2()
{
    var textbox = document.getElementById("anotes");
    textbox.value = "";
    if (document.getElementById('cb5').checked) {
        textbox.value = textbox.value + "'r'nAssisted with order, Order#: ";
    }
    if (document.getElementById('cb6').checked) {
        textbox.value = textbox.value + "'r'nGave information on ";
    }
}

下面是HTML代码:

<input id="cb5" type="checkbox" value="sale" onclick="updatebox2()" />Purchase<br />
<input id="cb6" type="checkbox" value="info2" onclick="updatebox2()" />Info<br />
<input id="cb7" type="checkbox" value="callback" onclick="updatebox2()" />Will Call Back<br />
<input id="cb8" type="checkbox" value="trans" onclick="updatebox2()" />Transfer<br />
<div class="Notes" style="text-align: left; inline-block; white-space: nowrap">
    <span> Actions Taken</span>
    <a href="#" onclick="window.clipboardData.setData('Text',getValue('anotes'));">(Copy)</a><br/>
    <textarea id="anotes" rows="6" cols="50"></textarea>
</div>

每次单击输入并调用该函数时,都使用textbox.value = ""清除文本。移除这条线以停止清除它。

如果您希望用户能够清除文本,只需添加一个按钮,该按钮在单击清除文本时调用函数。

删除textbox.value = "";

所以你想添加文本到textarea后,任何checkboxes已勾选?是这样吗?

演示:

http://jsfiddle.net/hGGsW/

相关文章: