Question

今天我正在尝试创建一个web程序，它将在textarea中显示包含一些<p>和<ul>元素的div元素，这些元素最初是空白的。

这是我到目前为止所做的，但实际上并没有输出到textarea。

这是我认为导致问题的功能......

<script>
myFunction()
{

var subject = document.getElementById("subjectList");
var subjectSelect = subject.options[subject.selectedIndex].text;


var mathDiv = document.getElementById("math");
var paperDiv = document.getElementById("paperediting");
var outputContent = document.getElementById("output");

if (subjectSelect == "Math")
{
outputContent.innerHTML = mathDiv.innerHTML;
} else if (subjectSelect == "Paper Editing")
{
outputContent.innerHTML = paperDiv.innerHTML;
}
}
</script>

代码应该工作的方式，或者我认为它应该工作的方式，是我有一个包含下拉菜单值的变量。（按照说明here）

然后，我抓住div的内容，并将它们保存到变量中。（Get content of a DIV using JavaScript）

然后我使用if语句来查看所选主题是否等于“Math”或“Paper Editing”。

根据选择，输出的内容将更改为等于div元素的内容。（How to change the Content of a <textarea> with Javascript）

非常感谢任何帮助！

Answer 1

在宣布您的function之前，您似乎忘记了关键字myFunction()。

由于默认情况下jsfiddle如何在window.onload中包装你的代码，因此myFunction()无法用于内联html。您可以在jsfiddle交换onLoad至No wrap - in <head>

的左上角下拉列表中进行更改

我认为您可能想要将textarea替换为div，因为textarea不允许在其中使用html。

使用javascript将div元素输出到文本区域

1 个答案: