使用HTML中的下拉菜单使JS功能正常工作

Question

嘿我正在尝试在下拉菜单中进行选择时使用Javascript函数，我在下拉菜单中使用的代码是：

<select>
<option onclick="g1();" id="renderBoard();">G1</option>
</select>

功能是：

function glider2(x,y){
       setCell(0+x,0+y);
       setCell(1+x,0+y);
       setCell(2+x,0+y);
       setCell(2+x,1+y);
       setCell(1+x,2+y)
         renderBoard();
    }

我希望该功能加载到网格上，但我不知道如何使其工作，我无法在任何地方在线找到答案..如果有人可以帮助那将是伟大的！

渲染板的功能只显示网格上的不同单元格，它是：

function renderBoard()
    {
        var arena = document.getElementById("playarea");
        for (var y = 0; y < height; y++) {
            var cells = arena.rows[y].cells;
            for (var x = 0; x < width; x++) {
                if (changed[x][y]) {
                    cells[x].style.backgroundColor = (city[x  [y]) ? "FireBrick" : "WhiteSmoke";
                }
            }
        }
    }

并且flider 2位是错误的，它在代码中实际上是“g1” 我只是希望能够从下拉列表中选择一个函数，并将该函数显示在网格上