changing selected text of dropdownlist in Gridview using javascript

Question

I have a dropdownlist, and a Gridview where one of the columns is a dropdownlist.

both dropdown lists use the same data source.

When a value is selected in the dropdownlist (outside the gridview) I want to chaneg the selectedValue and selectText of every dropdownlist in my gridview.

This is what I have tried:

Dropdownlist:

<asp:DropDownList onclick="javascript:onJDSelection()" ID="DropDownList3" runat="server" 
        DataSourceID="SqlDataSource4" DataTextField="circt_cstdn_nm" 
        DataValueField="circt_cstdn_user_id">

Javascript:

<script type="text/javascript">
function onJDSelection() {

    var jd = document.getElementById('DropDownList3.ClientID').selectedText;
    var grid = document.getElementById('GridView2.ClientID');
    //Loop starts from 1 because the zeroth row is the header.   
    for (var i = 1; i < grid.rows.length; i++) {

        var OtherText = grid.rows[i].cells[2].innerText; // Works fine   

        grid.rows[i].cells[3].getElementsById('ddl_JD').selectedText = jd;

    }
}

When I click I get an error. It says object expected. However I know those objects exsist!

Any ideas? Thanks!

Tim Schmelter · Accepted Answer · 2010-09-29 15:48:18Z

1

You could use the DOM model instead of getting the dropdownlist directly per ID(ASP.Net changes your 'ddl_JD'). You know at least the cell(grid.rows[i].cells[3]). So try nextSibling ...

answered Sep 29, 2010 at 15:48

Tim Schmelter

462k79 gold badges721 silver badges981 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

changing selected text of dropdownlist in Gridview using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related