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>

Select2 tags set value jquery

$('#mySelect').select2({
  data: ['one','two'],
  tags: true
});
$('#mySelect').val(['one','two']).trigger('change')

Get select2 selected value jquery

$('#id :selected').text();

Source: stackoverflow.com

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
});

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>');
})

Source: stackoverflow.com

Similar codes

48 votes218 views4 answers
Favicon htmk
Html
-1 vote208 views4 answers
Bootsrap button popup text on hover
Html
0 vote203 views1 answer
Lxml.html get element by id
Html
57 votes198 views5 answers
Favicon.ico html
Html
1 vote197 views1 answer
Headings
Html
1 vote213 views1 answer
Mpdf table font size problem
Html
0 vote190 views1 answer
Canvas drawImage wrong size image
Html
1 vote184 views1 answer
Bold in style tag css
Html
7 votes206 views4 answers
Html example
Html
3 votes201 views2 answers
Viewport no zoom
Html