Multiselected view in dropdownlist using MVC

Akila

5y801.NET

I am adding the checkbox in Dropdownlist for multiview..My code is below.

In view page:

class="col-md-10">
@Html.ListBoxFor(model => model.SkillArray, (IEnumerable)ViewBag.SkillList as SelectList,
new { style = "width:100%", @id = "Skill", multiple = "multiple", @class = "form-control", })
@Html.ValidationMessageFor(model => model.Skill, "", new { @class = "text-danger" })

In javascript:

In HomeController:(for creating dropdownlist)

string constr = ConfigurationManager.ConnectionStrings["Databaseconnection"].ToString();
SqlConnection cons = new SqlConnection(constr);
SqlDataAdapter _daa = new SqlDataAdapter("Select * From Skill", constr);
DataTable _dt1 = new DataTable();
_daa.Fill(_dt1);
ViewBag.SkillList = ToSelectList(_dt1, "id", "Skill");
return View();

Then am using this Bootstrap links:

"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
"@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript">
"@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript">
"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css" rel="stylesheet" />
"stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js">

(Am using this above links for my project total design is affected..also the checkbox is not responding)

How to resolve this).

3 Replies

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

Jignesh Kumar5y ago
Hi,

Please refer this thread,
https://www.c-sharpcorner.com/article/asp-net-mvc5-bootstrap-style-multi-select-dropdown-plugin/
+1
Aarti Gupta5y ago
Make sure that you are not using two Jquery links , as one is already in your view page

make sure the same script is not present in layout page otherwise multiselect wont work.
+1
Salman Beg5y ago
In place of cdn you can download those js and css file and after that include those files in your project. The problm with cdn is if there is no internet connection Or slow then these cdn will not download. Thanks
+1