從兩個div到一個輸入字段值的內容

我試圖將兩個div的內容插入到窗體中的單個輸入字段中。這是迄今爲止我所擁有的，但是此刻只有在onclick發生時複製的字段是edit1 div的內容。從兩個div到一個輸入字段值的內容

任何幫助將不勝感激。

的JavaScript：

<script language="javascript" type="text/javascript"> 
function copyText2() { 
var output = document.getElementById("edit1","edit2").innerHTML; 
document.getElementById("user-submitted-tags").value = output; 
} 
</script>

的HTML：

<div id="edit1">foo</div> 
<div id="edit2">bar</div> 

<form> 
<input class="usp_input" type="text" name="user-submitted-tags" id="user-submitted-tags" value=""> 

<input onClick="copyText2()" class="usp_input" type="submit" name="user-submitted-post" id="user-submitted-post" value="Submit Post"> 
</form>

來源

2013-03-02 user1823055

分別獲取這兩個內容，然後添加它們。

var output1 = document.getElementById("edit1").innerHTML; 
var output2 = document.getElementById("edit2").innerHTML; 
document.getElementById("user-submitted-tags").value = output1 + "&nbsp;" + output2;

來源

2013-03-02 09:49:55 SteveP

這幾乎達到我想要的。我怎麼會把兩個條目之間的空格與來自edit1＆edit2的值放在一起？它們似乎在文本字段中被合併爲一個值。 – user1823055 2013-03-02 22:45:47

嘗試在它們之間添加非阻塞空間（更新後的答案）。 – SteveP 2013-03-04 13:19:12

你應該一個複製它們在一段時間，然後串聯

function copyText2() { 
    var output = ""; 

    output += document.getElementById("edit1").innerHTML; 

    output += document.getElementById("edit2").innerHTML; 

    document.getElementById("user-submitted-tags").value = output; 
}

來源

2013-03-02 09:49:47 codingbiz

變化

var output = document.getElementById("edit1","edit2").innerHTML;

到

var output = document.getElementById("edit1").innerHTML + document.getElementById("edit2").innerHTML;

這應該工作。

來源

2013-03-02 09:49:50

document.getElementById("")只使用您給它的第一個id字符串。它不接受多個ID。從Mozilla Dev docs：

id is a case-sensitive string representing the unique ID of the 
element being sought.

只要有output搶在第一個ID對應的內容，然後從第二和附加在一起。

來源

2013-03-02 09:50:42

從兩個div到一個輸入字段值的內容

回答

相關問題