如何使用javascript从gridview下拉列表中获取选定的值

时间:2011-05-17 12:05:07

标签: javascript gridview drop-down-menu selectedvalue

我有一个gridview,其中一列是下拉列表。当用户选择不同的下拉选项时,我想获得所选的值。我该怎么做?请参阅下面的代码。此代码似乎适用于IE9和Firefox,但在IE8中不起作用。在IE8中,我得到以下错误“options.selectedIndex'为null或不是对象”。

     var gridview =  document.getElementById('ctl00_ContentPlaceHolder1_grvTrainHistoryCapture');

     if (selectedRowIndex == null) return;
     var statusCell = gridview.rows[parseInt(selectedRowIndex)+ 1].cells[5];
     var ddlStatus = statusCell.childNodes[1];

     var statusID = ddlStatus.options[ddlStatus.options.selectedIndex].value;

2 个答案:

答案 0 :(得分:1)

编辑:我已经在IE8下测试了这个代码,它的工作原理应该如此。 我想问题是你要经过的对象。

<script type="text/javascript">     
    var e = document.getElementById('test');
    alert(e.options[e.selectedIndex].value );
</script> 

答案 1 :(得分:1)

    function ShowDropDownValueInGridView(vIndex) {
        //Assume you are passing in the Row Index and your dropdown control is in a Template in cell 2
        Gridview1 = document.getElementById('<%=GridView1.ClientID%>');
        var cell = Gridview1.rows[vIndex].cells[2]
        var dropdownSelectedValue = cell.childNodes[0].value;
        alert(dropdownSelectedValue);
    }