jquery를 사용하여 빈 입력 필드에서 자리 표시 자의 값을 가져 옵니까?

Question

뭔가 이상하고 나는 곤란합니다.

나는 자리로 입력 필드, 예를 들어있을 때 : 입력 빈 남아 있다면 항상 사용자 입력을 잡아, 또는 할 수있었습니다

<input id="box1" placeholder="not applicable"> 

같은 jQuery로 자리 표시 자 값을 :

var text = $('#box1').val(); 

큰 문제가 아닙니다. jquery .val()을 사용하면 항상 트릭을 만들었습니다. 그런 다음 빈 입력이 자리 표시 자 값을 캡처하지 않는 이전에 작동하는 응용 프로그램에서 일부 코드 출력 오류를보기 시작했습니다.

무엇이 자바 스크립트 엔진으로 변경 되었습니까? 또는 입력 필드가 비어있는 경우 자리 표시 자 값을 가져 오는 새로운 방법이 있습니까?

$('#done').on('click', function(){ 
 
\t if($('#box3').val() == ''){ 
 
      var box3 = $(this).data('placeholder'); 
 
     } else { 
 
     var box3 = $('#box3').val(); 
 
     } 
 
    $('#output').val(box3); 
 
}); 
 

 
// Clicking the button doesn't capture the placeholder value if empty?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<input id="box3" placeholder="not applicable"> 
 
<br><br> 
 
<button id="done"> 
 
Done 
 
</button> 
 
<br><br> 
 
<textarea id="output"></textarea> 
 
<br><br> 
 
<p> 
 
Why doesn't the button click capture the value of the placeholder in this instance, using jquery 3.1.1? 
 
</p>

Answer 1

사용 attr('placeholder') :

이 예를 참조하십시오. 또한 if 문 내에서 this을 사용하는 것이 잘못되었습니다. 그것은 click 함수의 주제를 참조했습니다.

$('#done').on('click', function(){ 
 
\t if($('#box3').val() == ''){ 
 
      var box3 = $('#box3').attr('placeholder'); 
 
     } else { 
 
      var box3 = $('#box3').val(); 
 
     } 
 
    $('#output').val(box3); 
 
}); 
 

 
// Clicking the button doesn't capture the placeholder value if empty?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<input id="box3" placeholder="not applicable"> 
 
<br><br> 
 
<button id="done"> 
 
Done 
 
</button> 
 
<br><br> 
 
<textarea id="output"></textarea> 
 
<br><br> 
 
<p> 
 
Why doesn't the button click capture the value of the placeholder in this instance, using jquery 3.1.1? 
 
</p>