Multi select dropdown in mvc

Vasanthakumar

this is my code,binding data from database.

But the first data only binding into the chosen dropdown list.

other data's all not displayed.but in the inspect element its displaying.

Do you have any idea's about this guys?

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vasanthakumar6y ago
Hi Dhara,

In Select2 , we can use image for Multiple dropdown list?????
Dhara Patel6y ago
Hi, You can also use selct2 in MVC multiple selection. https://select2.org/
Vasanthakumar6y ago
Hi Nirmal,

How i'm not able to get your point?
Nirmal Dayal6y ago
Hi Vasanth,

Put html in view

Put below code in controller
$scope.CompanyCode_Multiple = function () {
$scope.itemList = [];
var categCheck1 = $('#select_CompanyCode_Multiple').multiselect({
includeSelectAllOption: true,
enableFiltering: true
});
$('#select_CompanyCode_Multiple').empty();
angular.forEach($scope.CompanyCodefilter, function (value, key) {
var opt = $('', {
value: value.CompanyCode1,
text: value.CompanyName
});
opt.appendTo(categCheck1);
$scope.itemList.push(opt);
});
$('#select_CompanyCode_Multiple option').attr('selected', 'selected');
categCheck1.multiselect('rebuild');
};
Vasanthakumar6y ago
how to bind this code with image from Database in dropdown list ?
Farhan Ahmed6y ago
https://www.c-sharpcorner.com/article/asp-net-mvc5-bootstrap-style-multi-select-dropdown-plugin/