我的代码报Uncaught TypeError: Cannot set property 'innerHTML' of null错误，具体位置在onclick方法求解

html代码和js代码如下，求解答

  <select style="width: 400px;height: 50px;margin-left: 34%;margin-top: 30px;border-radius: 10px;"
                onclick="showData(value)">
                <option id="n1Tab_Title1" value="n1Tab_Title1">已过账的账单</option> 
                <option id="n1Tab_Title0" value="n1Tab_Title0">未过账的账单</option>
           
                <option id="all" value="all">全部账单</option>
            </select>

```javascript
 function showData(value) {
        displayCount = prePageCount;
       
        if (value == "n1Tab_Title0") {
            $("#n1Tab_Content1").hide();
            $("#n1Tab_Content0").show();
            $("#n1Tab_Title0").addClass("active");
            $("#n1Tab_Title1").removeClass("active");
            zflag = "";
            //  $("#iebeln").focus();
        }
      
        if (value == "n1Tab_Title1") {
            $("#n1Tab_Content0").hide();
            $("#n1Tab_Content1").show();
            $("#n1Tab_Title1").addClass("active");
            $("#n1Tab_Title0").removeClass("active");
            zflag = "X";
            //  $("#iebeln").focus();
        }
        if (value == "all") {
            $("#n1Tab_Content0").show();
            // $("#n1Tab_Content0").attr("style","float:left");
            // $("#n1Tab_Content1").attr("style","float:left");
            $("#n1Tab_Content1").show();
            $("#n1Tab_Title1").addClass("active");
            $("#n1Tab_Title0").addClass("active");
            zflag = "F";
            //  $("#iebeln").focus();
        }
}

```

把整个页面代码贴出来，应该不是这里的问题

onclick="showData(value)" 此时value未定义。
在函数中用
function showData() {
value=$("#select1").val();
}
或者用change事件
$("#select1").change(function(){
value=$("#select1").val();
...
});