jquery-select2

Select2 loads all items from my list successful, the issue I found when try to select a specific value when page loads. Example: :: put select2 in a specific html element, no value is selected even all items are loaded. $('#my_id').select2(); :: When the page is loaded I'm trying to show a specific item selected, but doesn't work as expected, because even selected, the select2 doesn't show it. $('#my_id').val('3'); //select the right option, but doesn't render it on page loads. How to make a selected option to pop up when pages loads? Thanks in advance. UPDATED :: How I load all select2 items

I am using Select2 to manage large lists of data. Users have expressed a desire to be able to paste a list to the Select2 field in order to select various items at once instead of manually entering and matching each item in the list. I have attempted to use tokenSeparators to separate the items in the list. This and the demo on tokens in the documentation lead me to believe that what I am hoping to do is possible, but so far I have had no joy. The code I use to instantiate Select2 is: $('input').select2({ width: 'element', matcher: function (term, text) { return text.toUpperCase().indexOf(term

I use the js library select2 . This is a screenshot of what I have now: Start: Click on dropdown: Now is it possible to have an input field to start with and not directly a dropdownlist? I know it's possible because you can find it on the select2 site. An example is this: But the documentation is very brief. This is what I have now: <input type="text" name="questions[question1]" id="question1" class="question1" style="width:500px"/> function createQuestionTags(data, question_number){ $(".question" + question_number).select2({ createSearchChoice: function (term, data) { if ($(data).filter

I am using select2 library for my search. is there any way to trigger an action after selecting a search result? e.g. open a popup, or a simple js alert. $("#e6").select2({ placeholder: "Enter an item id please", minimumInputLength: 1, ajax: { // instead of writing the function to execute the request we use Select2's convenient helper url: "index.php?r=sia/searchresults", dataType: 'jsonp', quietMillis: 3000, data: function (term, page) { return { q: term, // search term page_limit: 10, id: 10 }; }, results: function (data, page) { // parse the results into the format expected by Select2. //

Hello friends this is my code: <select id='first'> <option value='1'> First </option> <option value='2'> Second </option> <option value='3'> Three </option> </select> This is my select2 code: $("#first").select2(); Below is code for getting selected value. $("#first").select2('val'); // It returns first,second,three. This is return a text like first,second,three and I want to get 1,2,3 . Means I need the value of select box, not text. $("#first").val(); // this will give you value of selected element. i.e. 1,2,3. To get Select element you can use $('#first').val(); To get the text of selected

I am doing tagging with select2 I have these requirements with select2: I need to search some tags using select2 ajax Also I need to use "tags" in select2 which Allows values that are not in the list(Ajax result). Both the scenarios work independently. But joined together aJax values are only populated. If we type any other values not in the list then it says "no matches found" My scenario If user type any new value which is not in the list, allow them to make up their own tag. Any way to make this work? Select2 has the function "createSearchChoice": Creates a new selectable choice from user's

When user selects many items (tags), they are automatically sorted alphabetically. How to prevent automatic sort and keep user's order using Select2 4.0? Update: The mentioned "possible dublicate question" is for the older version of Select2 v3... I ask about version 4... It differs form older ones and mentioned answers dosn't solve the problem. I've found a solution that works with Select2 v4. It changes the order of items - item selected by user are moved to the end. $("select").select2(); $("select").on("select2:select", function (evt) { var element = evt.params.data.element; var $element =