2013-10-24 26 views
1

今天我试图制作一个web程序,它将显示div元素,其中包含一些最初为空白的textarea中的<p><ul>元素。使用javascript输出div元素到文本区域

这是我到目前为止,但没有什么实际上被输出到textarea。

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

方式的代码应该工作,或者我认为它应该工作的方式,是我有一个变量,包含下拉菜单中的值。 (按照指示here

然后,我抓住divs的内容,并将它们保存到变量。 (Get content of a DIV using JavaScript

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

根据所选内容,输出的内容将改变为等于div元素的内容。 (How to change the Content of a <textarea> with Javascript

任何帮助将不胜感激!

回答

2

在声明myFunction()之前,您似乎忘记了关键字function

由于jsfiddle在默认情况下将代码封装在window.onload中,所以myFunction()不能用于嵌入式html。你可以在左上角的下拉列表中将jsfiddle替换为onLoadNo wrap - in <head>

我想你可能想将textarea换成div,因为textarea不会允许HTML在里面。

+0

这里是一个更新的小提琴:http://jsfiddle.net/zHWQD/4/ – Ben

+0

Gahhh当然!我讨厌这样的愚蠢错误....非常感谢! – UvrD

相关问题