移动设备上的Javascript div切换

根据用户在下拉列表中选择的内容，获得了几个应该隐藏/取消隐藏的div。 我知道问题出在CodeOnClick事件的html部分，因此它在智能手机上不起作用。你知道我该如何修改代码使它工作吗

    var divs = ["2019vasara", "2019ruduo"];
    var visibleDivId = null;
    function divVisibility(divId) {
      if(visibleDivId === divId) {
        visibleDivId = null;
      } else {
        visibleDivId = divId;
      }
      hideNonVisibleDivs();
    }
    function hideNonVisibleDivs() {
      var i, divId, div;
      for(i = 0; i < divs.length; i++) {
        divId = divs[i];
        div = document.getElementById(divId);
        if(visibleDivId === divId) {
          div.style.display = "block";
        } else {
          div.style.display = "none";
        }
      }
    }

var divs=[“2019vasara”，“2019ruduo”]；
var visibleDivId=null；
函数DIVISITY（divId）{
如果（visibleDivId==divId）{
visibleDivId=null；
}否则{
visibleDivId=divId；
}
hideNonVisibleDivs（）；
}
函数hideNonVisibleDivs（）{
变量i，divId，div；
对于（i=0；i

2019鲁登斯塞佐纳斯
2019年瓦萨罗斯塞佐纳斯

选项元素不支持Onclick属性。将其更改为onchange并将其移动到您的select，如下所示：

函数可见性（值）{
警报（'选定：'+值）；
}

2019鲁登斯塞佐纳斯
2019年瓦萨罗斯塞佐纳斯

<select>
<option onclick="divVisibility('2019ruduo');">2019 Rudens sezonas</option>
<option onclick="divVisibility('2019vasara');">2019 Vasaros sezonas</option>
</select>