将来自ipinfo.io的响应附加到联系人表单消息

Question

我有一份联系表格。它起作用了。我想将信息添加到消息/文本区域：

<textarea name="message" id="message"></textarea>

要向表单消息添加一些内容，我可以在Javascript脚本中这样做：

document.form_name.message.value=document.form_name.message.value + (the stuff I want to add);

最近，我发现了传递大量有用信息的服务ipinfo.io。虽然我对jquery一无所知，但我知道如何在网站上显示这些信息。请参阅http://jsfiddle.net/zK5FN/2/

但是我无法让我的javascript将来自ipinfo.io的回复信息添加/追加到我的联系人表单的消息中。理想情况下，我的联系人表单中的信息应该如下所示：

人们在我的联系方式中输入的信息

地点: ipinfo.io报告的城市、地区、国家

我的试错业余脚本技能不足以解决这个问题。我希望你能帮助我。谢谢。

AJ

Answer 1

您可以在提交表单的事件上追加

<form id="form1" action="">

    <textarea id="msg" name="msg"> Message </textarea>
    <input type="submit" />
</form>

JS

$.get("http://ipinfo.io", function (response) {
    $('#form1').submit(function(e){
       $("#msg").val( $("#msg").val() + '\n IP: '+ response.ip  +'\n Location:' + response.city + ", " + response.region);
        alert( $("#msg").val());

        //remove this on live form
        e.preventDefault();
    }) 
}, "jsonp");