2012-10-16 5 views
1

JavaScript로 작업하는 것은 저의 첫 번째 날이며 간단한 데모가 필요합니다. class="populateValue"에서 값을 가져와 텍스트 상자에 채우고 버튼을 클릭하면 경고해야합니다.자바 스크립트 형식/텍스트 상자/알림

지금은 텍스트 상자와 경고에 모두 '[object Object]'을 반환합니다.

내 코드는 다음과 같습니다

<section> 
    <form> 
     <input type="text" id="demoText" /> 
     <button class="populateValue" value="1234">Populate Value</button> 
    </form> 
</section> 

<script> 
    $(document).ready(function() { 
     $('.populateValue').on('click', function (event) { 
      event.preventDefault(); 
      $('#demoText').val($('.populateValue')) 
      alert($('#demoText').val()); 
     }); 
    }); 
</script> 

어떤 조언을?

+0

하나는 많은 기능 (대부분은 아닐지라도), 한 적은 인수로 설정 한 버전을 가지고, 그것을 얻을 수있다. –

답변

7

변경이 라인 : jQuery를에 기능

$('#demoText').val($('.populateValue').val()); 
+0

완벽! 추가 .val을 추가해야하는 이유를 설명하는주의 사항? – Anthony

+1

@ user1678151 :'$ ('. populateValue')'는 요소'$ ('. populateValue')를 포함하는 jQuery 객체입니다 .Val()'은 값을 포함하는 문자열입니다. ''[object Object] ''는 객체를 문자열로 읽으 려 할 때 일어나는 일입니다. –

+0

@RocketHazmat의 코멘트보기 – Dev