Thursday, 13 March 2014

Difference between SelectedIndex, SelectedValue and SelectedItem in ASP.NET

Controls that uses Collections to store data usually have these three properties. Example of these controls are ListBox, Dropdown, RadioButtionList and CheckBoxList. I have seen that alot of people gets confused with these three properties like how and where to use them.
Each of above controls holds two kinds of data. One is DataValueField and other is DataTextField. DataValueField is something that is not shown to user. DataTextField is shown to the user.

SelectedIndex property always returns the index of selected item in the control. Index always starts from 0. The first item in the control has 0 index and second item has 1 index and so on.

Well, this is the property with which people are confused the most. Most of them thinks that SelectedValue property returns the text of the item we have selected. Yes it returns the text BUT only when you have not specified the value separately. The value in these controls is something which is not shown to the user.
Let's take an example, you are adding items into ListBox1 dynamically like-


When you do like this then the text and value of this item becomes "iknowledgeboy". So, when you say-


then you get "iknowledgeboy" for sure. BUT when you are binding your ListBox1 with Database then you need to specify DataTextField and which is DataValueField of ListBox1. At that time, the value of each item in ListBox1 or Dropdown or CheckBoxList or RadioButtonList is usually integer. So, then if you say-


then you won't get the text that you are seeing rather you will get that integer value.

It is best method of retrieving the text as well as value. SelectedItem property helps us to get both Text and Value. The problem that people face with this property is they just simply writes-


Well, this will give you error for sure. Because it not returning you the text but it is returning you the ListItem. So, if you want to get the text of selected item then you have to write it like this-


and to get the value of same you have to write-


This is how SelectedItem works.
Hope you find this usefull.

1 comment: