如何将变量文本与用户输入的文本一起添加到文本区域。

时间:2013-04-02 03:20:45

标签: javascript html function textarea hta

所以我有一些代码可以工作,除了一个方面。它目前将允许将替换文本添加到textarea,然后使用它输入新文本,但它首先清除textarea中的所有内容。您无法启动笔记,然后选择复选框。您必须先选中复选框。我希望能够做以太。这是功能:

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>

3 个答案:

答案 0 :(得分:0)

每次单击输入并调用该函数时,您都会使用textbox.value = ""清除文本。删除此行以停止清除它。

如果您希望用户能够清除文本,只需添加一个按钮,单击该按钮即可清除文本。

答案 1 :(得分:0)

删除第textbox.value = "";

答案 2 :(得分:0)

所以,只有在勾选了textarea的任何内容后才想将文字添加到checkboxes?是这样的话:

演示: http://jsfiddle.net/hGGsW/