изменение выделенного текста из выпадающего списка в Gridview с использованием JavaScript

Question

У меня есть выпадающий список и Gridview, где один из столбцов является выпадающим списком.

оба раскрывающихся списка используют один и тот же источник данных.

Когда значение выбрано в раскрывающемся списке (вне сетки), я хочу изменить selectedValue и selectText каждого раскрывающегося списка в моем просмотре сетки.

Вот что я пробовал:

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;

    }
}

Когда я нажимаю, я получаю сообщение об ошибке. Это говорит об ожидаемом объекте. Однако я знаю, что эти объекты существуют!

Есть идеи? Спасибо!

Answer 1

Вы можете использовать модель DOM вместо того, чтобы получать выпадающий список непосредственно для идентификатора (ASP.Net меняет ваш 'ddl_JD'). Вы знаете, по крайней мере, ячейку (grid.rows [i] .cells [3]). Так что попробуйте nextSibling ...