Uncaught Error: Syntax error, unrecognized expression
psy...@gmail.com
Firstly I would like to thank the team for Select2 - it is an absolute pleasure to work with and has thus for suited all my needs for my project.
I do however have one little issue that I am hitting my head on:
I have a rigged my Select2 to fetch Suburb data from our server via Ajax.
Unfortunately there are a few suburb names with the character '&' in.
When the list displays, the '&' displays correctly. However when I select the item from the list, i receive an Uncaught Error: Syntax error, unrecognized expression: 'Suburb Name & Bla bla'.
My script looks as follows at the moment
select.select2(
{
ajax: {
url: ajaxUrl,
dataType: 'json',
delay: 250,
data: function(params) {
return {
countryId: 1,
query: params.term
};
},
processResults: function (data) {
var results = [];
for (var i = 0; i < data.Suburbs.length; i++) {
results.push({
id: data.Suburbs[i].Id,
text: data.Suburbs[i].DisplayName,
});
}
return {
results: results
};
},
cache: false
},
closeOnSelect: false,
scapeMarkup: function (markup) {
return markup;
},
minimumInputLength: 3,
multiple: true,
});
Are there any options or tricks that I can do to still keep the ampersand displaying in my list of choices and after selection?
Thanks in advance
Kevin Brown
This is usually an issue triggered by a jQuery selector, and the solution is to properly escape it ahead of time. Do you have the full traceback so we can figure out what selector is causing the issue?
If you can also reproduce the issue in a jsbin, that would make it easier for us to later confirm that the issue was fixed.
--
You received this message because you are subscribed to the Google Groups "select2" group.
To unsubscribe from this group and stop receiving emails from it, send an email to select2+u...@googlegroups.com.
To post to this group, send email to sel...@googlegroups.com.
Visit this group at http://groups.google.com/group/select2.
For more options, visit https://groups.google.com/d/optout.
psy...@gmail.com
Many thanks for the reply, and my apologies that I have taken so long to respond. I found the cause to the problem. One of our devs extended jQuery.fn.extend: append function which was causing the sizzle error.
Thanks for your assistance!
Cheers
