如何使用javascript在radgrid中获取telerik rad下拉列表的选定值？

【问题标题】：How to get slected value of telerik rad dropdownlist inside radgrid using javascript?如何使用javascript在radgrid中获取telerik rad下拉列表的选定值？
【发布时间】：2016-10-01 10:17:05
【问题描述】：

我有 radgrid，其中包含 reddropdown，其中 autopostback=false。当用户从网格内的下拉列表中选择值时，如何通过 javascript 获取该值。

<telerik:GridTemplateColumn  UniqueName="Reminder"   HeaderStyle-Width="350px" DataField="Reminder">
                    <ItemTemplate >
                        <telerik:RadDropDownList runat="server" ID="ReminderDropDown" Width="350px" OnSelectedIndexChanged="OnSelectedIndexChanged" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>



 <ClientSettings>
            <ClientEvents OnCommand="OnSelectedIndexChanged" />
        </ClientSettings>


<script type="text/javascript">
    function OnClientSelectedIndexChanged(sender, eventArgs) {
        var hiddenvalue = document.getElementById("Remindervalue");
        var s = hiddenvalue.value;
        alert("You selected item with index : " + document.getElementById(s).value);
    }
</script>

请推荐

【问题讨论】：

标签： asp.net telerik telerik-grid

【解决方案1】：

您需要对代码进行一些更改才能使其正常工作。

首先，您应该注册客户端 OnClientItemSelected 事件而不是服务器端 OnSelectedIndexChanged 事件，后者仅在回发时发生。

<telerik:RadDropDownList runat="server" ID="ReminderDropDown" Width="350px" OnClientItemSelected="OnClientItemSelected" />

其次，在您的 JS 函数中，要从 RadDropDownList 控件获取所选项目的客户端对象引用，您应该调用 eventArgs.get_item()，它将返回所选项目。

<script type="text/javascript">
    function OnClientItemSelected(sender, eventArgs) {
        var item = eventArgs.get_item();
        alert("You selected " + item.get_text() + " with value " + item.get_value());
    }
</script>

详情请咨询this help article。希望对您有所帮助。

【讨论】：