Category >
ASP.NET
|| Published on :
Monday, November 30, 2015 || Views:
15065
||
Bootstrap style DropDownList example in ASP.Net Bootstrap style DropDownList Bootstrap DropDownList
Introduction
Here Pawan Kumar will explain how to implement Bootstrap style DropDownList in ASP.Net using the jQuery Bootstrap Multi-Select Plugin.
Description
In previous post I have explained
SQL Server Execute Stored Procedure from Another Stored Procedure with Parameters,
Zoom Feature for Query Text and Results Text in SQL Server Management Studio 2012,
How to make How to make blinking/flashing text with CSS3 and jQuery,
How to replace number from a string in C#,
How to create draw a doughnut chart using ChartJS in Asp.net detailed Example,
Code Snippet for Deleting a SQL Server stored procedure, and many more articles.
Now I will explain How to Bootstrap style DropDownList example in ASP.Net
So follow the steps to learn Bootstrap style DropDownList example in ASP.Net
Bootstrap style DropDownList example in ASP.Net
Step 1: First, We start by creating an Empty asp.net web site in Visual Studio .NET 2013.
Step 2: Add a new web page name "Default.aspx" with the following codes:-
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<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*=lstCountries]').multiselect({
includeSelectAllOption: true
});
});
</script>
<asp:ListBox ID="lstCountries" runat="server" SelectionMode="Multiple">
<asp:ListItem Text="India" Value="1" />
<asp:ListItem Text="China" Value="2" />
<asp:ListItem Text="Kenya" Value="3" />
<asp:ListItem Text="England" Value="4" />
<asp:ListItem Text="USA" Value="5" />
</asp:ListBox>
<asp:Button ID="Button1" Text="Submit" runat="server" OnClick="Submit" />
</form>
</body>
</html>
Step 3: Add the below codes in code behind of the "Default.aspx" file:-
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Submit(object sender, EventArgs e)
{
string message = "";
foreach (ListItem item in lstCountries.Items)
{
if (item.Selected)
{
message += item.Text + " " + item.Value + "\\n";
}
}
ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "alert('" + message + "');", true);
}
}
Step 4: Run the application by pressing F5
Step 5: Screenshot will be shown below:-
![](data:image/png;base64,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)
![](data:image/png;base64,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)
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa8AAADaCAIAAACekVqQAAAUCklEQVR4nO2d3W8bV3qHz99jkUguY4oXBLobC2gRS45jiU0dW7sxp7alTRtnGwFtbEvxRpYpkvNxgPwTe7eA0bRJBBSoE3RjuxdBs4m3TazsSoiMyrBQARRogL14ydGYomh6hhLPHD0PdEHT83AOD+e8OPP5U56vtdauF5SXq1prrXW15lWqNXldqdaqNU9el5errudrrT1fL5WXEREREW0SlefrmuuHS9dc3w90EGjXC1wvCALtB7rm+q4XyEeHCyMiIiLaJCrXD8rLVT/QWuua6y+362W15oWFtlKt1Vxfax0Eurxcdf1Aa42IiIhok6ha9dIPqjVPlnY9v+b6QaADLYXW11r7ga7WPPloz9eVmouIiIhok9iuhl5QqdaCdu2s1lyttda6WnPDQlup1sIpaLlSRURERLRJVJ4fVFrTSe16QbXmhUu3Plrras2Tj/YDXam6XqvoIiIiItojdquGuusK/OevABERETG1Ysw95eW4s1ZEREREM8X9z6LouAcmEREREVModl5hU4l70hoREREx1aJcfe2FM8naM9cl+kGXCxpbCyMiIiLaJO4eNzTtLhlERETEwxSV5+sg0J4fuJ4vr10/cL3AD7QvtdMPgkB7vnY932u/rrk+IiIiok2icv1gqbwctPeow9pZqbqVqhsW2prraa2DQC+Vl8NdcURERERrROX52vUDz9fyF3kdeO3Xexfwg+7vIyIiIqZUbB03rHn+Unm5VS9rbrnSqp3LlWqlfVXOUnlZTtb4gb65dAsRERHRJjHm3LDna0RERMT0icr1g6VbcXfFEREREW0Ro+eUA8/XfrezLa0dby/YPU3j+YiIiIg2iVxviIiIiNi+3rBm5FO5EREREQ9TJAkAERERsX2fsixdNeyp3IiIiIiHKZIEgIiIiNiqhoY+lRsRERHxMEWSABARERFb1bC1xAtNPk1+nDciIiJiDJEkAERERERfkwSAiIiIqMMrbGpGPpUbERER8TBF7sxDREREbN+ZFxj5VG5ERETEwxRJAkBERERsP9HLffEHKPpB9/cRERERUyqSBICIiIhIEgAiIiJi+02SABARERHbxw3bZ1sCz6SnciMiIiIeppjK6w0rlerk5GQBwAAmJyd93zdndCDGFlOZBHD69On7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)
Conclusion:
So, In this tutorial we have learned, Bootstrap style DropDownList example in ASP.Net
Download Source Codes