Question

我是Javascript的新手。对不起，如果我说一些荒谬的话。我在这里找到的所有答案都没有在我的案例中起作用...... 代码从数组循环生成的下拉列表中的选定选项中获取索引，并使用此索引在textarea中发布产品的描述。理想的是每行一个。但每当我添加'\ n'（仅在代码末尾添加可视化）或' ＆安培;＃10' ;下拉列表本身消失了。试着'＆lt; BR＆GT;”也不起作用。

pr []是一个嵌套数组，其中包含第一个位置的10个产品（前adidas足球）和第二个位置的价格的描述。

函数buy（）由按钮onclick事件调用，每次调用它时都会向textarea添加一个产品。提前谢谢！

textd=" ";
valord=0;
function buy() {
var e = document.getElementsByTagName("select");
var f =  e[0].selectedIndex; 
textd +=pr[f][0]; 
valore = valord += pr[f][1];
document.getElementById("compras").value=textd\n;
document.getElementById("valor").value ="R$ "+ valore+",00";
}

Answer 1

在向文本区域添加文本时，需要在字符串末尾添加“\ n”，然后“\ n”确保该行将显示在新行而不是同一行。

请查看以下代码

<!DOCTYPE html>
<html>
<body>
<script>
function appendText()
{
debugger;
var ele = document.getElementById("textArea");
var text = ele.value;
text += "im clicked\n";
text +="clicked again\n";
text +="clicked third time\n";
text +="clicked forth time";
ele.value = text;
}
</script>
<textarea rows="4" cols="50" id="textArea">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

<button type="button" onclick="appendText()">Click me </button>
</body>
</html>

您可能需要将代码更改为 textd + = pr [f] [0] +“\ n”; 。的document.getElementById（ “compras”）值= textd;

通过getElementById（）在textarea中添加新行。值不工作

1 个答案: