Web and Mobile Apps Codeware: dropdownlist

Tuesday, September 10, 2013

add items to dropdown in asp.net from code behind | Add items manually to dropdownlist in asp.net | using listitem in asp.net

hi in this post i will show how to add items into dropdownlist from codebehind using listitem in asp.net

aspx:

<asp:DropDownList ID="ddltest" runat="server" OnSelectedIndexChanged="ddltest_OnSelectedIndexChanged" AutoPostBack="True"></asp:DropDownList>

aspx.cs:

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{

ListItem l1 = new ListItem("--Select--", "0");
ListItem l2 = new ListItem("Mobiles", "1");
ListItem l3 = new ListItem("Laptops", "2");
ListItem l4 = new ListItem("Headphones", "3");

ddltest.Items.Add(l1);
ddltest.Items.Add(l2);
ddltest.Items.Add(l3);
ddltest.Items.Add(l4);
}
}

Wednesday, July 17, 2013

capture dropdownlist value in javascript | Example : Fetch or get asp.net dropdownlist control value in javascript

hi in this post i will show how to capture dropdownlist control value in javascript

Code :

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function getValue() {

var ddl = document.getElementById("<%=DropDownList1.ClientID%>");
var ddlValue = ddl.options[ddl.selectedIndex].value;
alert(ddlValue);

}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem Value="1">IT</asp:ListItem>
<asp:ListItem Value="2">Accounts</asp:ListItem>
<asp:ListItem Value="3">Operations</asp:ListItem>
</asp:DropDownList>
<br />
<asp:Button ID="Button1" runat="server" Text="Get DropDown Selected Value" OnClientClick="return getValue();" />
</div>
</form>
</body>
</html>

Result: