Javascript onclick功能似乎不起作用

Question

我有一个包含行和单元格表的页面。每行中都有一个下拉列表。当用户在列表框中选择一个条目时，onchange事件将触发，我调用一个函数来更改列表框的宽度。第一次更改宽度但是如果我单击表格中的另一行，它会在我更改列表框条目之前更改宽度。

function ctrDropDown(on_off,contract,term, table) {
    rows = document.getElementById("staForm:" + table).getElementsByTagName('tbody')[0].getElementsByTagName('tr');
    cells = document.getElementById("staForm:" + table).getElementsByTagName('tbody')[0].getElementsByTagName('td');
     for ( var i = 0; i < rows.length; i++) {

        rows[i].onclick = function() {

            // need to adjust index to account for table headers
            // It's declared globally since it will be also used by handleServerResponse function
            rowI = this.rowIndex - 2;

            document.getElementById( "staForm:" + table + ":" + rowI + ":col2" ).style.width = "80px";             

        };
    }
  }