Question

我有一个搜索地图的搜索栏。当用户键入搜索时，我想使用Jquery将“train station，Sydney”添加到搜索字符串的末尾，即：

[users search term] + " train station, Sydney"

问题是我不知道如何做到这一点，因为输入没有提交位，（在输入谷歌地图时，Listener选择了这个术语）

有什么想法吗？这就是我试过的

JS

$("#search-input").keyup(function(e) {
    presser = $('#search-input').val();

if (e.keyCode == 13) {

    $('#search-input').val(presser+' train station, Sydney');

HTML

<input id="search-input" placeholder="Search" type="text">

我认为谷歌地图addDomListener会在Jquery更改值之前将其选中

Answer 1

我会使用blur事件，因此当input失去焦点时，它会添加该文字：

$("#search-input").blur(function() {
    this.value += " train station, Sydney";
});

Answer 2

这可能不太优雅，但我会用普通的JS来做这件事。之后，这就是我用于代码的内容：var e = getElementById('search-input'); var i = e.value; var j = i + " " + "train station, Sydney然后创建搜索var j的值。

我使用Plain JS的原因是我发现使用它比jQuery更容易，尽管我也使用过它。此外，谷歌地图API是在JS，所以我会留在一条轨道...... :)

使用Jquery在输入搜索的末尾添加额外的搜索字符串（用于Google Map搜索）

2 个答案: