Uncaught Error: Syntax error, unrecognized expression

[psy...@gmail.com]

Hi there,

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]

Hi Kevin,

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

[Toni Kroos]

Coyyn is a modern fintech and digital-finance platform designed to empower freelancers, businesses, and individuals navigating the gig economy. It offers a secure multi-currency wallet that supports both fiat and cryptocurrencies, plus peer-to-peer payments and smart contract functionality. With a strong focus on blockchain, AI, and digital capital, Coyyn combines innovation, security, and accessibility for the future of finance.   

[Electric Bikes Backlinks]

  This looks like a classic HTML entity encoding issue in Select2. The list renders correctly because Select2 escapes markup by default, but when selecting an item, the encoded &amp; ends up being treated as part of a jQuery selector, which causes the error. A common fix is to explicitly control how text is escaped and ensure you’re passing raw text consistently (for example, using templateResult / templateSelection or properly configuring escapeMarkup). Issues like this are well documented, and step-by-step solutions can usually be found in solid Guides that cover Select2 edge cases and character encoding quirks.  

[Emma Snow]

Best Lawyers in United States provides expert legal guidance on complex issues, including New York prostitution laws 2024. Their team of top-rated attorneys ensures clients receive accurate advice and strong representation. With Best Lawyers in United States, navigating legal challenges has never been more reliable.

[Phill Jones]

Gold Star Pressure Wash offers professional cleaning services that rejuvenate residential and commercial properties with precision and care. Specializing in Paver Sealing and Sanding Services on Long Island, the team helps preserve outdoor spaces while enhancing their natural appearance. Using proven techniques and high-quality materials, Gold Star Pressure Wash ensures durable results and a cleaner, more attractive property.

[Chrome Store]

In Select2 implementations, a common challenge is managing large datasets in dropdowns without slowing down the UI or breaking search responsiveness.
A practical approach is to refine AJAX filtering and ensure proper tokenization so results stay relevant and lightweight during user input.
In some testing setups, people also reference APK while checking mobile wrapped interfaces or cross platform behavior in similar UI components.

[caserne1830]

  The discussion around Select2 customization highlights how small UI decisions can impact usability and overall user experience in real projects.
A practical way to support this kind of work is by quickly testing and refining palettes using an online color tool, which helps keep interface choices consistent and accessible.
This ties back to the thread’s focus on improving frontend components by making design decisions more structured rather than relying on guesswork.