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 + "&nbsp;" + 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 Dev docs：

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

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

从两个Div到一个输入字段值的内容

4 个答案: