如何在客户端添加一个带有远程源的jQuery UI组合框的选项？

Question

Here是带有远程源的jquery ui combobox的代码。我需要在客户端向该组合框添加一个选择选项（“任何城市”）（使用javascript / jquery）。我该怎么办？

Answer 1

当您从搜索URL获取数据时，我可能会在成功回调中插入值。像这样的东西（我已经修剪了一些无关的代码）：

/* ... */
source: function(request, response) {
    $.ajax({
        url: self.options.source,
        type: "POST",
        /* snip */
        success: function(data) {
            data.geonames.unshift({
              name: 'Any City',
              countryName: '...'
            });
            // the rest of the success callback as before...
        },
        /* snip */
    });
},
/* ... */

Javascript数组的unshift方法将值插入数组的前面。

Answer 2

如果在组合框初始化期间它只发生一次，你可以在data.geonames上使用http://api.jquery.com/jQuery.extend/将它与这样的结合起来：

{
  name: 'aaa',
  adminName1: 'bbbb',
  countryName: 'cccc'
}

应该在$ .ajax调用的成功回调开始时完成。