2016-10-25 1 views
0

저는 Javascript가 새로 도입되었습니다. 미안하지만 말도 안되는 소리. 이전에 찾은 답변 중 아무 것도 여기에서 찾지 못했습니다 ... 코드는 배열 루프에 의해 생성 된 드롭 다운 목록에서 선택한 옵션의 인덱스를 가져 와서이 인덱스를 사용하여 텍스트 영역에 제품의 설명을 게시합니다. 이상적인 것은 각 줄마다 하나씩입니다. 하지만 '\ n'(코드 끝 부분의 시각화를 위해서만 추가) 또는 ' & # 10'을 추가 할 때마다 드롭 다운 목록 자체가 사라집니다. '< br>'이 (가) 작동하지 않습니다.getElementById()에 의해 텍스트 영역에 새 줄을 추가하십시오. 값이 작동하지 않습니다.

pr []은 첫 번째 위치에 10 개 제품 (ex adidas soccer ball)의 설명과 두 번째 가격에 가격이 포함 된 중첩 배열입니다.

buy() 함수는 버튼 onclick 이벤트에 의해 호출되며, 호출 될 때마다 텍스트 영역에 하나의 제품을 추가합니다. 미리 감사드립니다.

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"; 
} 

답변

0

는 그런 다음이 "\는 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 + = 홍보에 코드를 변경해야 할 수도 있습니다 [F] [0] + "\ n을"; document.getElementById ("compras"). value = textd;

+0

많은 분들께 감사드립니다. 완벽하게 일했습니다! 많은 시간과 관심을 가져 주셔서 감사합니다. 리오 데 자네이로의 Brgds! 나는 w3schools.com을 많이 사용하고 있으며, 실제로 그들의 자료를 즐기고 있습니다. 언젠가 당신이 여기서 한 것처럼 다른 사람들을 도울 수있는 시점에있게되기를 바랍니다. –

관련 문제