Multi Select From Drop down.

I want to use Multi-Select from Dropdown.

How it Possible ?

#My View Code:

@using System.Data

@using Newtonsoft.Json

@model FTSSolution.Models.Released_Employee

ViewBag.Title = "Create";

DataTable tbl = (DataTable)ViewBag.UserDetails;

//EnumerableRowCollection rows = from user in tbl.AsEnumerable()

// where user.Field("empid") == Model.empID

// select user;

//DataRow dr = (DataRow)rows.FirstOrDefault();

}

@using (Html.BeginForm())

{

@Html.ValidationMessage("CustomError")

@Html.AntiForgeryToken()

@Html.ValidationSummary(true)

@Html.ValidationMessage("CustomError")

@Html.ActionLink("Back to Index", "Index", "", new { @class = "btn btn-info btn-block" })

@**@

Released Employee - Entry

Employee Code :

@Html.DropDownList("empID", new SelectList(ViewBag.UserList, "Id", "Name"), new { @Id = "ddlUser", @class = "form-control btn-block", @onchange = "userDetails()" })

@Html.ValidationMessageFor(model => model.empID) (Here I Want use multi select for EmpID)

@Html.Hidden("empCode", new SelectList(ViewBag.UserList, "Id", "Name"), new { @Id = "ddlUser", @class = "form-control btn-block", @onchange = "userDetails()",style = "display:none;" })

@Html.ValidationMessageFor(model => model.empCode)

Name :

Joining Date :

@*@Html.TextBoxFor(model => model.dtJoin, new { @placeholder = "Joining Date", @class = "form-control", @id = "datepicker" })

@Html.ValidationMessageFor(model => model.dtJoin)*@

@*@Html.Label(@dr["CatName"].ToString(), new { @ID = "dtJoin" })*@

@*@Html.TextBoxFor(model => model.dtJoin, new { @placeholder = "Joining Date", @class = "form-control", @id = "datepicker" })

@Html.ValidationMessageFor(model => model.dtJoin)*@

Released Date :

@Html.TextBoxFor(model => model.dtReleased, new { @placeholder = "Released Date", @id = "datepicker1", @class = "form-control" })

@Html.ValidationMessageFor(model => model.dtReleased)

Remarks :

@Html.TextBoxFor(model => model.Remarks, "", new { @class = "form-control btn-block" })

@Html.ValidationMessageFor(model => model.Remarks)

@*@Html.TextBoxFor(model => model.CardNo, "2", new { @class = "form-control btn-block", style = "display:none;" })

@Html.TextBoxFor(model => model.dtJoin, "2", new { @class = "form-control btn-block", style = "display:none;" })

@Html.TextBoxFor(model => model.empCode, "2", new { @class = "form-control btn-block", style = "display:none;" })*@

top: 0px; width: 100%; height: 100%; background-color: #666666; z-index: 30001;

opacity: .8; filter: alpha(opacity=70);display:none">

@Html.ActionLink("Back to List", "Index", "", new { @class = "btn btn-info btn-block" })

}

The view will be like this;

Thanks in Advance

Nazmul

Hi,

I use this type code for multiselect,

I am not used DDL insted of that i bbind data to checklistbox.

this is aspx code:

ID No

placeholder="Search IDNO">

RepeatDirection="Vertical" Width="240px" ClientIDMode="Static" BackColor="LightGray">

And this is script for minimize and maximize

function fnMinimize(strDiv) {

if (document.getElementById(strDiv).style.display == 'none') {

document.getElementById(strDiv).style.display = 'block';

}

else {

document.getElementById(strDiv).style.display = 'none';

}

And this is code behind code:

private void FetchOwnerIDNO()

{

try

{

DataTable dt = new DataTable();

dt = bl.BL_FetchOtherIDNo();

if (dt.Rows.Count > 0)

{

CheckBoxList_IDNO.DataSource = dt;

CheckBoxList_IDNO.DataTextField = "ID";

CheckBoxList_IDNO.DataBind();

}

catch (Exception ex)

{

throw ex;

}

I attached screenshot its look like:

3 Replies

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

Sundaram Subramanian9y ago
http://www.c-sharpcorner.com/article/dropdownlist-multi-select-with-checkboxlist-in-mvc-using-jquery/

Follow this link, this may helps you more. thanks in advance
Nazmul Badsha9y ago
This not enough Answer for mine.
Give some best answer.

Thanks
Nilesh Patil9y ago
Hi,

I use this type code for multiselect,

I am not used DDL insted of that i bbind data to checklistbox.

this is aspx code:

ID No

placeholder="Search IDNO">

RepeatDirection="Vertical" Width="240px" ClientIDMode="Static" BackColor="LightGray">

And this is script for minimize and maximize

function fnMinimize(strDiv) {
if (document.getElementById(strDiv).style.display == 'none') {
document.getElementById(strDiv).style.display = 'block';
}
else {
document.getElementById(strDiv).style.display = 'none';
}
}

And this is code behind code:

private void FetchOwnerIDNO()
{
try
{
DataTable dt = new DataTable();
dt = bl.BL_FetchOtherIDNo();
if (dt.Rows.Count > 0)
{
CheckBoxList_IDNO.DataSource = dt;
CheckBoxList_IDNO.DataTextField = "ID";
CheckBoxList_IDNO.DataBind();
}
}
catch (Exception ex)
{
throw ex;
}
}

I attached screenshot its look like: