jqueryで空の入力フィールドにプレースホルダの値を取得しますか？

Question

何か変わって、私は困惑しています。

私はプレースホルダと、入力フィールド、例えばある場合：入力が空残っている場合、私は常にユーザの入力をつかむ、またはすることができました

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

、などのjQueryを使ってプレースホルダ値を：

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

大したことはありません。 jquery .val()を使用して常にトリックをしました。次に、空の入力がプレースホルダー値をキャプチャしていなかった以前の作業アプリで、コード出力エラーが発生し始めました。

これを説明するjavascriptエンジンで何か変更がありましたか？または、入力フィールドが空の場合にプレースホルダ値を取得する新しい方法がありますか？

$('#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>