使用javascript更改Gridview中下拉列表的选定文本答案

【问题标题】：changing selected text of dropdownlist in Gridview using javascript使用javascript更改Gridview中下拉列表的选定文本
【发布时间】：2010-09-29 14:18:41
【问题描述】：

我有一个下拉列表和一个 Gridview，其中一列是下拉列表。

两个下拉列表使用相同的数据源。

当在下拉列表中（网格视图之外）选择一个值时，我想更改网格视图中每个下拉列表的 selectedValue 和 selectText。

这是我尝试过的：

下拉列表：

<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;

    }
}

单击时出现错误。它说预期的对象。但是我知道那些物体是存在的！

有什么想法吗？谢谢！

【问题讨论】：

标签： javascript asp.net gridview drop-down-menu

【解决方案1】：

您可以使用DOM model 而不是直接按 ID 获取下拉列表（ASP.Net 更改您的“ddl_JD”）。你至少知道单元格（grid.rows[i].cells[3]）。所以试试nextSibling ...

【讨论】：