Question

下面的脚本收集用户外部IP并将其写入页面，我希望能够将其放入form textbox并将值写入数据库。我尝试的所有内容都会产生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。

Javascript - 添加用户IP地址以形成文本框

3 个答案: