这确实是一个简单的问题,但是我想知道如何创建一个按钮,单击该按钮时会显示一个文本区域,而且我正在使用 JavaScript,所以我想知道是否可以加载变量的值直接在文本区域。
简而言之,我想按下“加入”按钮来创建一个包含完整结果的文本区域。
我把我的代码留给你,这样你就可以更清楚地知道我想要做什么:
<!DOCTYPE html>
<html>
<head>
<title>Unir con salto de linea</title>
<meta charset="UTF-8">
</head>
<body>
<form name="prueba">
Primera Frase: <input type="text"id="textA" />
Frase final: <input type="text"id="textB" />
<br>
<br>
Contenido Medio
<br>
<textarea name="textC" id="textC" cols="50" rows="10"></textarea>
<br>
</form>
<script>
function unirTexto(){
var c1=document.getElementById('textA').value;
var c2=document.getElementById('textB').value;
var t1=document.getElementById('textC').value;
var p = t1.split(/\n/g);
var resultado = document.getElementById('resultado');
var html = "";
for (var i = 0; i < p.length; i++) {
html += c1 +' '+ p[i] +' '+ c2 + "<br>";
resultado.innerHTML = html;
}}
function limpiar() {
document.getElementById('textA').value =" ";
document.getElementById('textB').value =" ";
document.getElementById('textC').value =" ";
resultado.innerHTML = " ";
}
</script>
<button onclick="unirTexto()" id="unir">Unir</button>
<button onclick="limpiar()" id="limpiar">Limpiar</button><br>
Resultado:<br> <span id="resultado"></span>
<br>
</body>
</html>
对于你想要的,你基本上创建一个
textarea
并给它属性display:none
,这样它就不会从一开始就出现。然后当你点击加入时,你告诉它以display = "block"
. 清除会删除 textarea 的值,并再次隐藏它。作为个人建议,我建议您花时间组织代码并稍微整理一下。这将帮助您以后解决其他问题或维护它。