Как вы получаете выбранное значение из выпадающего списка gridview, используя JavaScript

Question

У меня есть сетка, в которой в качестве раскрывающегося списка есть один из столбцов.Когда пользователь выбирает другую опцию выпадающего меню, я хотел бы получить выбранное значение.Как мне это сделать?Пожалуйста, смотрите код ниже.Этот код, похоже, работает в IE9 и Firefox, но не работает в IE8.В IE8 я получаю следующую ошибку "options.selectedIndex 'является нулевым или не является объектом".

     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;

Answer 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);
    }

Answer 2

РЕДАКТИРОВАТЬ: Я ТЕСТИРОВАЛ ЭТОТ КОД ПОД IE8, И ЭТО РАБОТАЕТ КАК ЭТО ДОЛЖНО.Я думаю, проблема в том, что вы передаете объект.

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