Depending on the dropdown value text box has to be displayed

Posted by Chaithragm under C# on 3/7/2013 | Points: 10 | Views : 1791 | Status : [Member] | Replies : 5
Dropdown List contains many values..
--banglore--
--Mysore--
--other--
if i select other in the dropdown a text box has to display
and the value given in the text box must come to dropdownlist




Responses

Posted by: Karthikreddy on: 3/7/2013 [Member] Starter | Points: 25

Up
0
Down
use this code

 

protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
TextBox.visible=false;
}
}
protected void DropDownList1_TextChanged(object sender, EventArgs e)
{
if (DropDownList1.SelectedValue == "Others")
{
TextBox3.Visible = true;

}

}
protected void Button2_Click(object sender, EventArgs e)
{
DropDownList1.Items.Add(TextBox3.Text);
}


k@rth!k
karthikreddy08a50@gmail.com

Chaithragm, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Satyapriyanayak on: 3/7/2013 [Member] [MVP] Silver | Points: 25

Up
0
Down
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm5.aspx.cs" Inherits="WebApplication16.WebForm5" %>

<!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 runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
onselectedindexchanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList><br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Button ID="btn_add" runat="server" Text="Add" onclick="btn_add_Click" />
</div>
</form>
</body>
</html>



using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

namespace WebApplication16
{
public partial class WebForm5 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

ddlbind();

}

private void ddlbind()
{
if (!IsPostBack)
{
DropDownList1.Items.Add("Select");
DropDownList1.Items.Add("banglore");
DropDownList1.Items.Add("Mysore");
DropDownList1.Items.Add("other");
TextBox1.Visible = false;
}
}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (DropDownList1.SelectedValue == "other")
{
TextBox1.Visible = true;
}
else
{
TextBox1.Visible = false;
}

}

protected void btn_add_Click(object sender, EventArgs e)
{

DropDownList1.Items.Add(TextBox1.Text);
TextBox1.Text = "";
}
}
}


If this post helps you mark it as answer
Thanks

Chaithragm, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Rimi1289 on: 3/7/2013 [Member] Starter | Points: 25

Up
0
Down
You can display the "Textbox" using JQuery.

$('#ddl').blur(function() {
if ($("#ddl").val() == "other") $('#txt').show();
});


Chaithragm, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Chaithragm on: 3/7/2013 [Member] Starter | Points: 25

Up
0
Down
can u please explain in detail how to use these jquery.. to dropdownlist

Chaithragm, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Jayakumars on: 3/8/2013 [Member] [MVP] Bronze | Points: 25

Up
0
Down
hi
chaithragm
try this code.

<script>
$(document).ready(function () {
$("#drp1").change(function () {
$("#TxtPassword").css("visibility", "Hidden");
});
});
</script>



Mark as Answer if its helpful to you

Chaithragm, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response