使用javascript创建将字符串输出到文本区域的表单
我对javascript非常陌生，但我正在尝试创建一个简单的程序，使我编辑的博客的格式源非常容易。我希望用户在表单中键入的信息打印到文本区域。以下是我目前掌握的情况：使用javascript创建将字符串输出到文本区域的表单,javascript,Javascript,我对javascript非常陌生，但我正在尝试创建一个简单的程序，使我编辑的博客的格式源非常容易。我希望用户在表单中键入的信息打印到文本区域。以下是我目前掌握的情况： <html> <head> <script type="text/javascript"> function writeCode() { var src1 = document.getElementById('src1').value;
<html>
<head>
<script type="text/javascript">
function writeCode() {
var src1 = document.getElementById('src1').value;
// src2 = document.getElementbyId('src2'),
// src3 = document.getElementbyId('src3'),
// src4 = document.getElementbyId('src4'),
// src5 = document.getElementbyId('src5'),
// src6 = document.getElementbyId('src6'),
// src7 = document.getElementbyId('src7'),
// src8 = document.getElementbyId('src8'),
// src9 = document.getElementbyId('src9'),
// src10 = document.getElementbyId('src10'),
var lnk1 = document.getElementById('lnk1').value;
// lnk2 = document.getElementbyId('lnk2'),
// lnk3 = document.getElementbyId('lnk3'),
// lnk4 = document.getElementbyId('lnk4'),
// lnk5 = document.getElementbyId('lnk5'),
// lnk6 = document.getElementbyId('lnk6'),
// lnk7 = document.getElementbyId('lnk7'),
// lnk8 = document.getElementbyId('lnk8'),
// lnk9 = document.getElementbyId('lnk9'),
// lnk10 = document.getElementbyId('lnk10');
outputValue = '<span style="color: #888888; font-size: xx-small;">Sources: </span>' + '<a href=' + lnk1 + 'target="_blank"><span style="color: #2200fc; font-size: xx-small;">' + src1 + '</span></a>'
document.outputArea.value = outputValue;
}
console.log(writeCode);
</script>
</head>
<body>
<p></p>
<form name="sources">
Source 1 <input type="text" id="src1"/>
Link 1 <input type="text" id="lnk1"/></br>
Source 2 <input type="text" id="src2"/>
Link 2 <input type="text" id="lnk2"/></br>
Source 3 <input type="text" id="src3"/>
Link 3 <input type="text" id="lnk3"/></br>
Source 4 <input type="text" id="src4"/>
Link 4 <input type="text" id="lnk4"/></br>
Source 5 <input type="text" id="src5"/>
Link 5 <input type="text" id="lnk5"/></br>
Source 6 <input type="text" id="src6"/>
Link 6 <input type="text" id="lnk6"/></br>
Source 7 <input type="text" id="src7"/>
Link 7 <input type="text" id="lnk7"/></br>
Source 8 <input type="text" id="src8"/>
Link 8 <input type="text" id="lnk8"/></br>
Source 9 <input type="text" id="src9"/>
Link 9 <input type="text" id="lnk9"/></br>
Source 10 <input type="text" id="src10"/>
Link 10 <input type="text" id="lnk10"/></br>
<input type="button" value="Write my code!" onclick="writeCode();"/></br>
<textarea style="width:600px;height:300px;" name="outputArea" id="outputArea"></textarea>
</form>
</body>
</html>
函数writeCode（）{
var src1=document.getElementById（'src1'）.value；
//src2=document.getElementbyId（'src2'），
//src3=document.getElementbyId（'src3'），
//src4=document.getElementbyId（'src4'），
//src5=document.getElementbyId（'src5'），
//src6=document.getElementbyId（'src6'），
//src7=document.getElementbyId（'src7'），
//src8=document.getElementbyId（'src8'），
//src9=document.getElementbyId（'src9'），
//src10=document.getElementbyId（'src10'），
var lnk1=document.getElementById（'lnk1'）.value；
//lnk2=document.getElementbyId（'lnk2'），
//lnk3=document.getElementbyId（'lnk3'），
//lnk4=document.getElementbyId（'lnk4'），
//lnk5=document.getElementbyId（'lnk5'），
//lnk6=document.getElementbyId（'lnk6'），
//lnk7=document.getElementbyId（'lnk7'），
//lnk8=document.getElementbyId（'lnk8'），
//lnk9=document.getElementbyId（'lnk9'），
//lnk10=document.getElementbyId（'lnk10'）；
outputValue='源：'+''
document.outputrea.value=outputValue；
}
console.log（writeCode）；
资料来源1
链接1
资料来源2
链接2
资料来源3
链接3
资料来源4
链接4
资料来源5
链接5
资料来源6
链接6
资料来源7
链接7
资料来源8
链接8
资料来源9
链接9
资料来源10
链接10
谢谢 可以试试这个文档。getElementById（'outputArea'）。value=outputValue别担心！我将“document.outputrea.value=outputValue；”改为“document.getElementById（'outputrea.value'）=outputValue；”，效果很好。我仍然想知道只输出已输入的数据的最佳方法，所以我暂时不谈。您是否尝试过
document.getElementById（'outputArea'）。valuedocument.getElementById（'outputArea.value'）