javascript가 작동하지 않습니다. textarea

나는 텍스트 영역에 물건을 추가하려고합니다. 작동하지 않습니다 ...javascript가 작동하지 않습니다. textarea

<html><head></head><body> 
<div id="wrapper"> 
<div id="leftc"> 
text here 
<a href="#" onclick="javascript: $('wrapper').$('rightx').$('thebox').value += 'TEST\ntest\n\ntest">Add</a> 
</div> 
<div id="rightx"> 
<textarea id="thebox" rows="10" cols="50"></textarea> 
</div> 
</div> 
</body></html>

아이디어가 있으십니까?

편집 : 솔루션은 내가 사용 : 당신은 당신이 jQuery로 기존의 자바 스크립트를 혼합 것처럼 보이는 $('#thebox').val('test');

출처

2011-11-14 David19801

아니다, 나는이 완전한 마크 업입니다 같은데요? jQuery에 대한 참조는 어디에 있습니까? – Brandon

Firefox Gold 계정이 있습니까? 코드에 오류를 기록하는 콘솔이 포함되어 있습니다. 그것은 매우 유용합니다. –

@Brandon, 아니 jquery. 이것이 내가 가진 전부입니다. 가능한 경우 자바 스크립트 유일한 솔루션을 찾고 있어요 ... – David19801

이 코드 조각은 말도 안돼 오류로 가득하다 :

$('#thebox').get(0).value += 'TEST\ntest\n\ntest';

를 또는,이 경우에도 일반 자바 스크립트에서 더 간단 할 수 있습니다

$('wrapper').$('rightx').$('thebox').value += 'TEST\ntest\n\ntest

적절한 jQuery 코드는 다음과 같습니다

document.getElementById("thebox").value += 'TEST\ntest\n\ntest';

당신 가지고 다음과 같은 오류 :

따옴표 오류
여러 개의 독립적 인 jQuery 호출이 잘못되어 불필요하게 연결됩니다.
.value는 jQuery를 방법 당신은 HTML/헤드 태그를 포함 시켰습니다 때문에 (그것의는 DOM 방법)

출처

2011-11-14 15:17:25 jfriend00

(내 오류에 대한 통찰력에 대한 여러분 모두 감사합니다). 간단히 jQuery를에 당신은 또한 당신의 예에서 마지막에 테스트 문자열에서 최종 견적을 놓치고있는 점으로이

$('#thebox').val($('#thebox').val()+"TEST");

을 할 수 있습니다.

또한 Firefox에서 Chrome 디버거 또는 Firebug와 같은 기능을 사용하지 않는 경우 이러한 간단한 오류 중 일부를 출력 할 수있는 브라우저를 사용하는 것이 좋습니다. 브라우저에서 JavaScript 오류를 보는 데 많은 시간과 노력을 덜어줍니다. 그것은 "ID"속성이 어쨌든 전 세계적으로 고유 값을 가질 필요가 있기 때문에 "ID"값으로 DOM을 걷고 아무 소용이 없다 거의 모든 잘못 :-)

<a href="#" onclick="$('#thebox')[0].value += 'TEST\ntest\n\ntest'">Add</a>

때문에

출처

2011-11-14 15:14:14 Toby

아니, 그 작동하지 않습니다. – Pointy

죄송합니다. 오타가 있었는데,'# ' – Toby

을 필요

<a href="#" onclick="javascript:document.getElementById('thebox').value += 'TEST\ntest\n\ntest';">Add</a>

출처

2011-11-14 15:15:30

이 작동하지 않습니다. 따라서 걱정할 필요가있는 유일한 "id"는 <textarea> 요소 자체입니다.

출처

2011-11-14 15:15:43 Pointy

-1

'과 함께 'TEST\ntest\n\ntest 문자열을 닫으십시오.

출처

2011-11-14 15:17:04 Nonym

예를 건너 뛰었습니다. 그러나 처리기의 나머지 부분 전체가 잘못되었습니다 :-) – Pointy

Yikes. 미안합니다.... – Nonym

<html><head> 
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script></head><body> 
<div id="wrapper"> 
    <div id="leftc"> 
    text here 
    <a href="#" onclick="javascript: $('#thebox').val($('#thebox').val() + 'TEST\ntest\n\ntest')">Add</a> 
    </div> 
    <div id="rightx"> 
    <textarea id="thebox" rows="10" cols="50"></textarea> 
    </div> 
</div> 
</body></html>

출처

2011-11-14 15:19:13 Dev

왜'#box '대신에'#wrapper # rightx # thebox'를 선택자로 사용합니까? 후자는 훨씬 빠르고 정확합니다. – jfriend00

당신은 jfriend00이 맞습니다. 코드를 빨리 편집했습니다. 다시 편집;) – Dev

javascript가 작동하지 않습니다. textarea

답변

관련 문제