Hi nadeem1218,
Please refer the below code and modify as per your requirement.
HTML
<form runat="server">
<div>
<asp:ListBox ID="lstVendors" runat="server" SelectionMode="Multiple" AppendDataBoundItems="true">
</asp:ListBox>
</div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"
rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('[id*=lstVendors]').multiselect({
includeSelectAllOption: true
});
});
</script>
</div>
</form>
C#
protected void Page_Load(object sender, EventArgs e)
{
PopulateVendors();
}
private void PopulateVendors()
{
DataTable dt = new DataTable();
dt.Columns.Add("vendor_name");
dt.Rows.Add("A");
dt.Rows.Add("B");
dt.Rows.Add("C");
dt.Rows.Add("D");
dt.Rows.Add("E");
lstVendors.DataSource = dt;
lstVendors.DataTextField = "vendor_name";
lstVendors.DataValueField = "vendor_name";
lstVendors.DataBind();
}
Screenshot
