Search results
Basically, you want to get the values of your option-tags, but you always try to get the value of your select-node with $("#first").val(). So we have to select the option-tags and we will utilize jQuerys selectors: $("#first option").each(function() { console.log($(this).val()); });
13 lis 2019 · I always get value from the previous value instead of selected value from select2. Here is my code: $('.itemclass').on("select2:selecting", function (e) { alert($('.itemclass').select2().val()); });
There are two ways to programmatically access the current selection data: using .select2('data'), or by using a jQuery selector. Using the data method. Calling select2('data') will return a JavaScript array of objects representing the current selection.
In your Javascript (external .js resource or <script> tag): $(document).ready(function() {. $('.js-example-basic-multiple').select2(); }); Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and pagination (infinite scrolling) of results.
To programmatically select an option/item for a Select2 control, use the jQuery .val() method: $('#mySelect2').val('1'); // Select the option with a value of '1'. $('#mySelect2').trigger('change'); // Notify any JS components that the value changed.
To get the select2 values (single and multi-select) it's fairly simple and straightforward. For starters, you can make use of the ".val()" to retrieve the value of the selected option. $('#select2-input').val();
5 wrz 2022 · The HTML select element option can easily set selected using jQuery – $(selector).val(option-value);. But this does not directly work with the Select2 dropdown element. In this tutorial, I show how you can dynamically set an option selected in Select2 with jQuery.
