2013-03-02 58 views
-2

我試圖從兩個DIV s添加內容並將它們注入輸入字段。以下作品除輸入值之間沒有空格之外。添加空間的兩個內容

下面的代碼在文本字段中的值是:JohnDoeAccountant 我正在尋找輸出的文本字段:John Doe Accountant

如何確保輸出值之間有空間?

var output1 = document.getElementById("firstname").innerHTML; 
var output2 = document.getElementById("lastname").innerHTML; 
var output3 = document.getElementById("job").innerHTML; 
document.getElementById("user-submitted-tags").value = output1 + output2 + output3; 

回答

1

嘗試

document.getElementById("user-submitted-tags").value = output1 + ' ' + output2 + ' ' + output3; 
document.getElementById("user-submitted-tags").value = output1 + ' ' + output2 + ' ' + output3; 
+0

謝謝@xat - 這很好用我修改了一下以逗號添加,以接受標籤,如下所示:document.getElementById(「user-submitted-tags」)。value = output1 +', '+ output2 +','+ output3; – user1823055 2013-03-03 00:06:47

1
....value = [output1, output2, output3].join(" "); 

或者取消一些重複:

document.getElementById("user-submitted-tags").value = 
    ["firstname","lastname","job"].map(function(id) { 
     return document.getElementById(id).innerHTML; 
    }).join(" ") 

或者這樣:

document.getElementById("user-submitted-tags").value = 
    ["firstname","lastname","job"].reduce(function(s, id) { 
     return s + " " + document.getElementById(id).innerHTML; 
    }, "")