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

【问题标题】：Javascript - Add users ip address to form textboxJavascript - 添加用户 IP 地址以形成文本框
【发布时间】：2016-12-02 16:23:39
【问题描述】：

下面的脚本收集用户外部 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>

【问题讨论】：

那你试过什么？？？

标签： javascript jquery html json forms

【解决方案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 -->

【讨论】：

感谢您的帮助，我今天早上浪费了一个小时看这个。每次我添加 document.getElementById 时，值都返回 null。再次感谢。

【解决方案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>

【讨论】：

【解决方案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。

【讨论】：