DropdownList's selected text into TextBox Articles, samples and tutorials

Many time one need to show the DropDownList's selected Text value to some textbox or other control,Normaly user end up using DropDownList's selectedindex change event without realising that this could affect the performance, by adding one more uncessary PostBack.To handle this type of thing one can always use DHTML.For e.g below code shows how just by adding once line of code, the Value of Dropdown list's (having ID as ddlMyList) selected text can be shown into TextBox control having ID or Name as TextBox1.


'Assuming ddlMyList is bound to Datatable dt having column MyName and MyValue
ddlMyList.DataSource = dt        
ddlMyList.DataTextField = "MyName"        
ddlMyList.DataValueField = "MyValue"
ddlMyList.DataBind()

Add onchange attribute for ddlMyListas


ddlMyList.Attribute.Add("onchange","document.getElementById('TextBox1').value = this.options[this.selectedIndex].text;")

In web based application it's always best practice to avoid uncessary PostBack,and above was one of the example where handling SelectedIndex event at server side will be as good as overkilling your application.

Hope this will help you to explore more about DHTML thing.

Post Comment:

Notify me by email when others post comments to this article.

Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.

No HTML formatting and links to other web sites are allowed.

This is a strictly moderated site. Absolutely no spam allowed.

Name:	Sign In to fill automatically.
Email:	(Will not be published, but required to validate comment)
	Type the numbers and letters shown on the left.