javascript - 从两个 div 到一个输入字段值的内容

Question

我正在尝试将两个 div 的内容插入到表单中的单个输入字段中。这是我到目前为止所拥有的，但目前唯一在 onclick 发生时复制的字段是 edit1 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>

Answer 1

改变

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

进入

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

那应该行得通。

Answer 2

分别获取这两个内容，然后添加。

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

Answer 3

您应该一次复制一个，然后连接

function copyText2() {
    var output = "";

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

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

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

Answer 4

document.getElementById("")仅使用您提供的第一个 id 字符串。它不接受多个 ID。来自Mozilla 开发文档：

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

只需output从第一个 id 中获取内容，然后从第二个中获取内容并将它们附加在一起。