javascript - 使用 javascript ipinfo 响应填充输入字段

标签 javascript jquery forms input

我想用 javascript ipinfo API 响应填充输入字段。 我准备填写 PRE,但还没有填写 INPUT。我需要通过表格发送它以保存此信息。

请在此处查看 http://jsfiddle.net/ak2txped/2/

$(window).load(function(){
  $.get("http://ipinfo.io", function(response) {
    $("#ip").html(response.ip);
    $("#code").html(response.country);
    $("#address").html("Location: " + response.city + ", " + 
    response.region);
    $("#details").html(JSON.stringify(response, null, 4));
  }, "jsonp");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="details"></pre>
<form id="details" action="/action_page.php" method="post">
  Details: <input type="text" name="fname" value="pre"><br>
  <input type="submit" value="Submit">
</form>

提前致谢

最佳答案

您需要提供输入 ID

<input type="details" name="details" value="pre" id="fname">

然后使用 JQuery 从响应中设置值。

$("#fname").val(response.org);

工作链接

http://jsfiddle.net/ak2txped/5/

关于javascript - 使用 javascript ipinfo 响应填充输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50683386/

相关文章:

javascript - jquery中的灯箱居中

forms - 当 View 使用主布局时,MVC 4\表单提交按钮不起作用

php - 避免由于页面刷新而提交的最佳方法

javascript正则表达式需要至少一个特殊字符

javascript - 如何在 jQuery 中按最近日期时间重新排列数据属性上的子 div?

javascript - 旋转圆形 Canvas javascript

javascript - Tablesorter - 按 td 类排序

php - 代码点火器 : Validating of two Date fields

javascript - jQuery Select 的转义括号

javascript - Node.js 和 Express 应用程序中的 res.render() 和 ejs.render() 有什么区别