Navigating around html table

I have a html table 40 x 20. each cell is filled with a selector. each selector has 4 options.
At the moment i have to select by using the mouse each value. is there a way to set it so that i can click and drag the mouse over a group of cells at a timed then press the value on the key board to choose that option for all those cells.
Also it would be really handy if there was a way to set it so I could change the selected cell using the keyboard arrows.

does anyone know a way for both or either of these above?
a little sample of how my table is set up:

    <tr id="row_1">
        <td> row 1</td>
        <td id="row_1_col_1">
            <center><select style="background-color: #ceedd0;" id="row_1_select_1"
                            onchange="changeSelect('row_1','_col_1','_select_1')" name="filter_for">
                <option value="1">1</option>
                <option value="P">P</option>
                <option value="0">-</option>
                <option selected="selected" value="0">0</option>
            </select></center>
        </td>
        <td id="row_1_col_2">
            <center><select style="background-color: #ceedd0;" id="row_1_select_2"
                            onchange="changeSelect('row_1','_col_2','_select_2')" name="filter_for">
                <option value="1">1</option>
                <option value="P">P</option>
                <option value="0">-</option>
                <option selected="selected" value="0">0</option>
            </select></center>
        </td>
        <td id="row_1_col_3">
            <center><select style="background-color: #ceedd0;" id="row_1_select_3"
                            onchange="changeSelect('row_1','_col_3','_select_3')" name="filter_for">
                <option value="1">1</option>
                <option value="P">P</option>
                <option value="0">-</option>
                <option selected="selected" value="0">0</option>
            </select></center>
        </td>

8 thoughts on “Navigating around html table”

Leave a Comment