Question

我正在做一些基本的javascript，我从弹出窗口中选择一些值，并且该值出现在文本字段中。现在textfieldfield旁边有一个按钮，单击该按钮会将其值转换为另一个文本字段，以逗号分隔。

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

我正在做这样的代码

<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);
            }

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

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

Answer 1

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
}

Live test case.

以上内容还将清除发件人文本框值，并将其重新聚焦以供下次输入。

尝试将文本字段值附加到另一个文本字段

1 个答案: