Answers for "jquery select2 set value"

1

jquery select2 set value

<select id="lang" >
   <option value="1">php</option>
   <option value="2">asp</option>
   <option value="3">java</option>
</select>

<script>
	$("#lang").select2().select2('val','1');
</script>
Posted by: Guest on May-10-2021
2

select2 tags set value jquery

$('#mySelect').select2({
  data: ['one','two'],
  tags: true
});
$('#mySelect').val(['one','two']).trigger('change')
Posted by: Guest on July-31-2021
0

select2 replace options

var options = [];
$.each(dataReturn, function (i, obj) {
    //console.log(i);
    //console.log(obj);
    options.push({
        text: obj.NickName,
        id: obj.NickName
    });
})
$("#BeneType").empty().select2({
    data: options
});
Posted by: Guest on December-28-2020
0

select2 replace options

var initQuantitiesDropdown = function () {
    var options = [];
    var selectedFruit = $("#fruits").val();
    $.each(pageData.products[selectedFruit].quantities, function (key, value) {
        options.push({
            text: value,
            id: key
        });
    })
    $("#quantities").empty().select2({
        data: options
    });
};

$("#fruits").select2().change(initQuantitiesDropdown);
initQuantitiesDropdown();
Posted by: Guest on December-28-2020
0

select2 dropdown with option to add new item

$('#select2')
    .select2()
    .on('select2:open', () => {
        $(".select2-results:not(:has(a))").append('<a href="#" style="padding: 6px;height: 20px;display: inline-table;">Create new item</a>');
})
Posted by: Guest on October-31-2020
-2

select 2 select a value

SELECT2 V4 :
============
For select2 v4 you can append directly an option/s as follow:

<select id="myMultipleSelect2" multiple="" name="myMultipleSelect2[]">
    <option value="TheID" selected="selected">The text</option>                                                                   
</select>

Or with JQuery:
---------------

var $newOption = $("<option selected='selected'></option>").val("TheID")
					.text("The text")
 
$("#myMultipleSelect2").append($newOption).trigger('change');

other example :
---------------

$("#myMultipleSelect2").val(5).trigger('change');
Posted by: Guest on December-23-2020

Code answers related to "jquery select2 set value"

Browse Popular Code Answers by Language