如何在jquery UI自动完成中添加硬编码值和JSON值?

时间:2013-01-15 09:09:51

标签: json jquery-ui-autocomplete

我正在使用状态字段的jquery UI自动完成插件。 这是我的代码:

自动完成:

  {

  source: function( request, response ) {

            jQuery.ajax({
                url:base+"/stateSearchJSON",
                dataType: "jsonp",
                data: {
                    maxRows: 10,
                    startsWith: request.term

                },
                success: function( data ) {

                    response( jQuery.map( data.states, function( item ) {
                        return {
                                       value: item.stateName,
                                       label: item.stateName
                                  }

                    }));
                                        jQuery('.ui-autocomplete').css('width', '188px');
                }
            });
        }
  }

现在对于状态字段,我想为自动完成添加一个硬编码值,即'tristate'。 价值: 标签:“三态”, 值:CT,NY,NJ

自动完成应该填充JSON响应和硬编码值,这是三态。

如何将JSON和硬编码值合并为自动完成功能?

1 个答案:

答案 0 :(得分:0)

通过:http://api.jqueryui.com/autocomplete/#method-search

与您使用的变体无关,标签始终被视为文字。

如果您希望将标签视为html,则可以使用ScottGonzález的html扩展名:
https://github.com/scottgonzalez/jquery-ui-extensions/blob/master/autocomplete/jquery.ui.autocomplete.html.js