2012-10-21 2 views
1

숫자 X를 5로 설정했습니다. 버튼을 클릭하면 새로 고침없이 데이터베이스를 업데이트하는 스크립트가 실행됩니다. 정상적으로 작동합니다. 이제 페이지의 숫자를 6으로 업데이트하고 페이지를 새로 고치지 마십시오. JS를 시도했지만 입력 필드에 숫자가 잘못 표시되었습니다. jQuery를 사용하는 다른 방법이있을 수 있습니다.증가 카운터 onclick

+0

당신은 아무것도 시도? 우편 번호 – alestanis

+0

jQuery는 필요하지 않습니다. ''태그와 같은 숫자에 대한 컨테이너를 정의하고 innerHTML 속성을 통해 일반 JavaScript로 내용을 수정하십시오. ' –

+0

jQuery (http : //api.jquery.)를 사용하는 경우'text()'함수를 사용하십시오. com/text /) – Eru

답변

0

jQuery를 사용할 필요가 없습니다.

페이지의 모든 내용을 jQuery없이 순수 JavaScript로 업데이트 할 수 있습니다. Javascript Tutorial at tizag.com에서

예 :

<script type="text/javascript"> 
    function changeText() 
    { 
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; 
    } 
</script> 

<p> 
    Welcome to the site <b id='boldStuff'>dude</b> 
</p> 

<input type='button' onclick='changeText()' value='Change Text'/> 
+0

로 시작합니다. 고마워. – user1763879

1

이렇게하면 id로 요소를 가져 와서 값을 업데이트 할 수 있습니다.

document.getElementById('theId').innerHTML = newValue; 

현재 jQuery를 사용하고 있지 않다면이 용도로 사용하지 마십시오. jQuery를 사용하는 경우 다음을 수행 할 수 있습니다. NEWVALUE이 나에 HTML있을 수도 있고 없을 수도 있습니다 여부에 따라

$('#theId').html(newValue); 

또는

$('#theId').text(newValue); 

.

jquery 및 straight javascript 예제는 모두 동일합니다.

0

및 jquery $("your containerselector").html(parseInt($("your containerselector").html()) + 1) 컨테이너에 int가 포함되어 있어야합니다.

+0

하나의 요소 업데이트를 위해 전체 jQuery를 사용하는 것이 미친 것입니다. :) – Kamil

+0

예. 물론 결국 많은 사람들이 웹 사이트의 일부로 자바 스크립트 라이브러리를 사용하지 않게됩니까? – charly

+0

그게 바로 @charly하지만 우리는 그가 이미 jQuery를 사용하고 있는지 여부를 모른다. 나는 그가 그것을 사용하는 방법을 모르기 때문에 그가 아니라고 생각했다. 그는 프레임 워크가 아닌 Javascript 기초부터 배우기 시작해야합니다. – Kamil