将ipinfo.io的回复附加到联系表单消息

时间:2013-08-16 23:36:05

标签: javascript jquery forms

我有联系表格。有用。我想将信息附加到消息/ textarea:

<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

1 个答案:

答案 0 :(得分:0)

您可以附加表单

的提交事件

<强> HTML

<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");