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

101 votes121 views1 answer
Calling javascript file in html
Html
3 votes106 views2 answers
Ionic color
Html
0 vote116 views1 answer
Html input type file accept text and word files
Html
2 votes103 views1 answer
Vuejs v-for key value
Html
1 vote116 views2 answers
Theme color in html
Html
1 vote201 views2 answers
Tailwind CSS alert
Html
0 vote174 views1 answer
Css hide element but conserve space
Html
3 votes116 views1 answer
Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
Html
0 vote99 views1 answer
Color
Html
0 vote93 views2 answers
Mobile app
Html