Javascript获取表行内不同单元格类型的值

Question

Good Evening, i write a script to get the value of any row that's clicked, but my problem is that any row contains different types of controls, it may be a text field <input type="text" id="speed" /> and it may be a dropdown

    <select name="engineType">
       <option value="1">Manual</option>
       <option value="2">Automatic</option>
       <option value="3">Both</option>
    </select>

in the first case i will get the innerHtml, in the second case i will get the value (value of selected item) so how to check the type of each cell before deciding to get the value or innerHtml, here's the script:

function findRowNumber() {
    var rowIdx;
    var rowData = new Array();
    var table = document.getElementById('product_table');
    var rows = table.getElementsByTagName('tr');
    var selectedRow;
    for (var i = 0; i < rows.length; i++) {
        rows[i].onclick = function() {
            rowIdx = this.rowIndex;
            selectedRow = rows[rowIdx];
            for (var j = 1; j <11; j++) {
                var rowCell = selectedRow.cells[j].innerHTML;
                rowData.push(rowCellValue);
                alert(rowCellValue);

            }

        }

    }
}

Answer 1

I think this might be what you're looking for, though as the system said, perhaps .innerHTML is not the best way of doing things.

for (var j = 1; j <11; j++) {
    var rowCell = selectedRow.cells[j];
    var inputElements;
    if((inputElements = rowCell.getElementByTagName("select")).length > 0)
    {
        // Do stuff for select
    }
    else if((inputElements = rowCell.getElementByTagName("input")).length > 0)
    {
        // Do stuff for input
    }

    rowData.push(rowCellValue);
    alert(rowCellValue);
}