从输入插入API URL jQuery

时间:2012-11-02 03:26:54

标签: javascript forms api jquery

我是jQuery的新手,非常感谢以下方面的帮助:

我有一个输入表单,允许用户选择3个不同的地理区域(国家,地区和城市)所有信息都来自API。我需要来自国家/地区的输入(作为用户类型)进入调用“城市”API的URL。这样,用户只能获得与该国家相关的城市。

这就是我所拥有的:

<input type="text" name="country" id="country" />
<input type="text" name="city" id="city" />

$(document).ready(function() {
        $("#country").tokenInput("http://someurl.com/search?q=", {
            method: "POST",
            searchDelay: 0,
        });

        $("#city").tokenInput("http://someurl.com/search?q=[Insert values form country input field]", {
            method: "POST",
            searchDelay: 0,
        });
    });

我正在使用的jQuery插件:this

1 个答案:

答案 0 :(得分:1)

我没有看到它的文档,但插件代码的源代码允许将一个函数用于url选项。

这应该有效:

$("#city").tokenInput(function(){
      return 'http://someurl.com/search?country='+ $('#country').val() +'q=';
     }, {
      method: "POST",
      searchDelay: 0,
});

如果它给您带来任何问题,请在浏览器控制台中检查请求以查看生成的最终网址是什么,或查看是否有任何错误