jquery-select2

I have a select2 dropdown box using remote datasource. What I would like to do is if/when there is only one option returned by the search, auto select it. ie, the user doesn;t have to click on the option to make the selection. $("#searchInfo_Entity_Key").select2({ ajax: { url: "/Adjustment/GetEntity", dataType: 'json', delay: 250, data: function (params) { return { term: params.term, // search term }; }, processResults: function (data) { return { results: data }; }, results: function (data) { return { results: data }; }, }, initSelection: function (element, callback) { var data = []; callback

I'm using the latest version of select2 (4.0.0) and I can't find the option to make optgroups selectable. An optgroup is used to group different options of the dropdown, as shown in their basic examples: I need this optgoup to be selectable too! It was possible in 3.5.1 but it isn't the default setting in 4.0.0 anymore. My Code Looks like this: $(document).ready(function() { $('#countrySelect').select2({ data: [{ text: "group", "id": 1, children: [{ "text": "Test 2", "id": "2" }, { "text": "Test 3", "id": "3", "selected": true }] }] }); }); <script src="https://ajax.googleapis.com/ajax/libs

I am using the latest version of Select2: Select2 4.0 . I would like to allow users to enter free text. In other words if a user cannot find a option in the drop down (data returned by ajax), I want them to be able to 'select' whatever text they have typed in. This is my markup: <select class="required form-control" id="businessName" data-placeholder="Choose An Name" > </select> And this is the JavaScript that I am using to initialize Select2: $("#businessName").select2({ ajax: { url: "/register/namelookup", dataType: 'json', delay: 250, type: 'post', data: function (params) { return {

I've seen a lot examples of Select2 option tags set with "data-" attributes and I would like to do it. I'm using ajax to get the data. I get the ID and the TEXT needed to build the select. But how can I add more attributes to it? I just didn't find the way to add them. $(element).select2({ placeholder: 'Select one...', width: '100%', minimumInputLength: 2, ajax: { url: '/my/url', dataType: 'json', data: function(params) { return { q: params.term, page: params.page }; }, processResults: function(data, page) { console.log(data); return { results: data }; }, cache: true } }); This solution

I can get this to work... var options = [{id: 1, text: 'Adair, Charles'}] $('#names').select2({ data: options, }) But i cant work out how to get from here... alert(JSON.stringify(request.names)) gives me... [{"id":"1","name":"Adair,James"}, {"id":"2","name":"Anderson,Peter"}, {"id":"3","name":"Armstrong,Ryan"}] To something that Select2 will accept as local data Load data from a local array The webpage of jquery-select2 with the examples contains a demo to use Select2 with local data (an array) . The html <input type="hidden" id="e10" style="width:300px"/> The javascript $(document).ready