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

Question

我想用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>

提前致谢

Answer 1

您需要输入输入ID

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

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

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

工作链接

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