Javascript – How do i allow clear items only on specific items on Select 2 multi select
Lets say I have item1,item2,item3 pre selected, how do i allow the user to delete only item3 and hide the X delete button from the others. Thanks in advance
Jquery – Multiple select using select2 in Livewire 3
I want to create multiple selects using the select2 plugin in the livewire component, but the first time I do select "onchange", my select2 disappears into a regular select option. I've used wire:ignore to keep my select element from re-rendering,…
Jquery – Select2 not working on localhost (html-PHP)
I am trying to use select2, but for some reason it does not work. The code below is fairly simple: it pulls data from a Microsoft SQL database, and creates a dropdown list. All of this is running on a…
Jquery – question about select2, The old row becomes regular HTML and no longer becomes select2
I want to create a new row when clicking a button and that row should have 2 select2, for some reason when initializing select2, the new row becomes select2 but the old row becomes regular HTML. Does anyone know how…
Jquery – How to get a simple multi-select box using Select2
I would like to use the select2 library in my html document because it has a pillbox style select control I'd like to use. I followed the relevant Installation and Getting Started sections from the docs. I also loaded JQuery…
Javascript – Remove the typing functionality on my dropdown
<select class="" id="js-select2" multiple="multiple"> <option>1</option> <option>1</option> </select> $('#js-select2').select2({ placeholder: "Select your option", allowClear: true }); I am using this to create a dropdown with my options, the options appear correctly however the select allows the user to type and searches.…
Jquery – stopPropagation and preventDefault don't work with select2 for remove tags button
I want to prevent click propagation on the following element: .select2-selection__choice__remove I try this: $(document).ready(function () { $("document").on( "mouseup", ".select2-selection__choice__remove", function (event) { event.stopPropagation(); event.preventDefault(); }, ); }); The example I want to solve is this: https://jsfiddle.net/dk_dragonknight/c1ef7138/ I need that,…
Javascript – How to sort results select2 tags alphabetically?
I would like to sort alphabetically (case insensitive), the tags choosen from a select2. I have used the sorter function to sort the tags to be selected but once selected they are not displayed alphabetically. How to do this ?…
Html – Select2 Dropdowns intermittent loading of previous data
I am struggling with an issue regarding dropdowns for an edit page I have created. The text fields are fine and always load, however the dropdowns are really intermittent and sometimes load some of them, sometimes none of them, sometimes…
Jquery – JavaScript new Table row Class not applying
In my web application, There is a table and Add button. Whenever the user clicks on the Add button, from javascript, I load the new row to the table. In the row, there is a element and for that class,…