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。