retrieving a selected value from a dropdown list in a gridview using javascript.

ASP.NET will manage IDs by adding prefixes for the container the control is in. DropDownList2 may be what you have assigned but when rendered it will be something like $ctrl00_DropDownList2. View the rendered source of your page and you will see this.

Using JQuery you would do this, which will find the control no matter what the prefix is.

$("[id$='DropDownList2']")

You should learn to use JQuery rather then relying on getElementById. It will make your client-side life much easier.

Hi,

Try using the GridView1_RowDataBound or GridView1_RowUpdating event.
Example:

var dropDown = ((DropDownList)GridView1.Rows[e.RowIndex].FindControl("DropDownList2")).SelectedValue;

Please do not forget to vote if could help so that others may consider as an answer...

try this code

function percentIT() {

       var gridview = document.getElementById("<%= grdView.ClientID %>");
 
       if (gridview == null) return; 
       var statusCell = gridview.rows[parseInt(selectedRowIndex)+ 1].cells[5]; 
       var dropDown = statusCell.childNodes[1]; 
 
       var FdropDown= dropDown.options[dropDown.selectedIndex].value; 
            
}

that thing you want handled in client-side or server side.


i think you will used rowdatabound method
which is good for u

i used following code to get dropdownlist

DropDownList ddlStatus = (DropDownList)e.Row.Cells[2].FindControl("ddlStatus");

string status = ddlStatus.SelectedItem.Text.ToString();

may be help this
Thank U
@ChetanV@

Hi, use below code in JS

function percentIT() {
            var DropDown = document.getElementById('<%=DropDownList2.ClientID%>');
var valDDL = DropDown.options[DropDown.selectedIndex].value; 
            alert(valDDL);
        }