QRコードに値を入力せずに入力してください

Question

こんにちは、私は助けてください、私は何も入力せずにqrcodeに入力値を挿入します。

  <input id="text" type="text" value="Please Enter Your NRIC or Work 
     Permit" style="Width:20%"/ onblur='generateBarCode();'> 

     <img id='barcode' src="https://api.qrserver.com/v1/create-qr-code/? 
     data=HelloWorld&amp;size=100x100" alt="" title="HELLO" width="50" 
     height="50" /> 

      <script type="text/javascript"> 
       function generateBarCode() 
       { 
       var nric = $('#text').val(); 
       var url = 'https://api.qrserver.com/v1/create-qr-code/?data=' + 
       nric + '&amp;size=50x50'; 
       $('#barcode').attr('src', url); 
       } 
     </script>  

このフィドルのリンクをご確認ください： - あなたが仕事に、このためにwindow.onloadにイベントリスナーを追加する必要が

https://jsfiddle.net/v274z2oc/

Answer 1

を。あなたが入力何もしたくない場合は

window.onload = generateBarCode; 
 
function generateBarCode() { 
 
    var nric = $('#text').val(); 
 
    var url = 'https://api.qrserver.com/v1/create-qr-code/?data=' + nric + '&size=50x50'; 
 
    $('#barcode').attr('src', url); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="text" type="text" value="Please Enter Your NRIC or Work Permit" style="Width:20%"/onblur='generateBarCode();'> 
 

 
<img id='barcode' src="https://api.qrserver.com/v1/create-qr-code/?data=HelloWorld&amp;size=100x100" alt="" title="HELLO" width="50" height="50" />