Javascript 输入数字依赖选项显示

在我的页面中，我询问了球员的编号，当球员编号超过12时，下一步将询问球队编号，然后选择显示球队。但我的剧本只有在我放12的时候才有效，不能超过12个

<div class="form-group">  <label for="player">Total Number of Player:</label> <input type ="number"class="form-control" id="player" name="player" onchange='CheckColors(this.value);'required>
    </div>
     <script type="text/javascript">
function CheckColors(val){
 var element=document.getElementById('team');
 if(val=='12')
   element.style.display='block';
 else  
   element.style.display='none';
}

</script><br>
  <div  class="form-group">  <label for="team">Number of Team:</label> <select class="form-control" id="team" name="team" style='display:none;'>
    <option>1</option>
    <option>2</option>
    <option> 3</option>
  </select> </div>

玩家总数：
功能检查颜色（val）{
var element=document.getElementById（'team'）；
如果（val='12'）
element.style.display='block'；
其他的
element.style.display='none'；
}


小组人数：
1.
2.
3.

现在请帮助解决我的问题或更正我的脚本。

---

这是我的控制选项，只有我想要，如果输入数字低于12，那么团队总div也不会显示，这是因为您使用了错误的条件。试试这个：

function CheckColors(val){
    var element=document.getElementById('team');
    if( val >= 12 )
        element.style.display='block';
    else  
        element.style.display='none';
}

---

如果（+val>=12）

谢谢。好的，现在开始工作了，请帮助控制团队div的视图，我想知道数字是否除以11，然后显示选项。例如，如果22，则显示选项1和2，如果17，则只显示团队选项1