Javascript - ユーザーのIPアドレスをテキストボックスに追加

Question

以下のスクリプトはユーザーの外部IPを収集してページに書き込みます。これをformtextboxに入れて、データベースに値を書き込むことができます。私が試したすべての結果はnullという値になります。

<!-- START: Here's the IP stuff --> 
<script type="application/javascript"> 
function getIP(json) { 

document.write(json.ip) 

} 
</script> 

<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script> 
<!-- END: IP Stuff --> 



<form> 
<input type="text" id="ipadderss"> 
</form> 

Answer 1

これはあなたがやろうとしていることではありませんか？純粋なjavascriptを使用すると、document.getElementById("ipaddress").value = json.ip;で入力値を変更できます。また、フォームを上部に移動しました。

<form> 
 
    <input type="text" id="ipaddress"> 
 
</form> 
 
<!-- START: Here's the IP stuff --> 
 
<script type="application/javascript"> 
 
function getIP(json) { 
 
    document.getElementById("ipaddress").value = json.ip; 
 
} 
 
</script> 
 

 
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script> 
 
<!-- END: IP Stuff -->

Answer 2

<form> 
    <input type="text" id="ipAddress"> 
</form> 
<script type="application/javascript"> 
function getIP(json) { 
    document.getElementById("ipAddress").value = json.ip; 
} 
</script> 
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script> 

Answer 3

<form> 
    <input type="text" id="ipadderss"/> 
</form> 
<script> 
    function getIP(json) { 
     jQuery("#ipadderss").val(json.ip); 
    } 
</script> 
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script> 

JSfiddleを参照してください。