Javascript 尝试将textfield值附加到另一个textfield

我正在做一些基本的javascript，我从弹出窗口中选择一些值，该值出现在文本字段中。现在，textfield字段的一侧有一个按钮，单击该按钮时，它将以逗号分隔的形式将其值传递到另一个textfield

我的意思是，新的文本字段将有逗号分隔的值，而不是替换的值

我正在编写这样的代码

<input type="text" class="inputs" style="width:70px;" name="color1" id="color1" value="" maxlength="7" size="7"> 
<a href="javascript:addtoTextField('color1')"><img src="icon_add.gif" alt="Add to text Box above" title="Add to text Box above" border="0"></a>

function addtoTextField(cFieldName) {
                var objTxt = document.getElementById('sta');    
                objTxt.appendChild(cFieldName);
            }

函数addtoTextField（cFieldName）{
var objTxt=document.getElementById（'sta'）；
objText.appendChild（cFieldName）；
}

另一个需要传递值的文本字段

 <input type="text" name="sta" id="sta" class="inputs" />

---

Textbox元素不能有子节点，它只获得一个值。所以，要将其他文本框的值附加为逗号分隔字符串，请执行以下操作：

function addtoTextField(cFieldName) {
    var oField = document.getElementById(cFieldName);
    var valueToAdd = oField.value;
    if (valueToAdd.length === 0)
        return; //don't add empty values
    var objTxt = document.getElementById('sta');    
    var existingValues = (objTxt.value.length === 0) ? [] : objTxt.value.split(",");
    existingValues.push(valueToAdd);
    objTxt.value = existingValues.join(",");
    oField.value = ""; //clear textbox
    oField.focus(); //bring focus back
}

---

上述操作还将清除发送者文本框值，并将其重新聚焦以供下次输入。

这是可行的，但如何在输入后清除颜色字段inserted@awesome伙计，非常感谢