1

今天，我正在尝试制作一个 Web 程序，该程序将在最初为空白的 textarea 中显示包含一些<p>和元素的 div 元素。<ul>

这是我到目前为止所拥有的，但实际上没有任何东西输出到文本区域。

我的jsfiddle：http: //jsfiddle.net/zHWQD/1/

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

<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>

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

然后，我抓取 div 的内容，并将它们保存到变量中。（使用 JavaScript 获取 DIV 的内容）

然后我使用 if 语句来查看所选主题是否等于“数学”或“论文编辑”。

根据选择，输出的内容将更改为与 div 元素的内容相同。（如何使用 Javascript 更改 <textarea> 的内容）

任何帮助将不胜感激！

4

1 回答 1

2

看来您function在声明myFunction().

由于 jsfiddle 默认情况下如何将您的代码包装在 window.onload 中，myFunction()因此无法用于内联 html。您可以在 jsfiddle 的左上角下拉菜单中将其更改onLoad为No wrap - in <head>

我认为您可能希望将 textarea 换成 div，因为 textarea 不允许在其中包含 html。

于 2013-10-24T21:01:40.093 回答