Javascript 我需要使jqvmap在移动视图中消失

Javascript 我需要使jqvmap在移动视图中消失,javascript,html,css,responsive-design,jqvmap,Javascript,Html,Css,Responsive Design,Jqvmap,这是我的网站在进行中,我正在使用一个模板作为示例,但我希望地图在移动视图上消失,并有一个下拉列表取代它,只是想知道使用什么代码? 谢谢 我倾向于使用CSS3媒体查询。如果添加ID为vmapSelect的select: <style type="text/css"> #vmapSelect {display:none;} @media all and (max-width: 1000px) { #vmap {display:none;} #vmapSelect

这是我的网站在进行中,我正在使用一个模板作为示例,但我希望地图在移动视图上消失,并有一个下拉列表取代它,只是想知道使用什么代码?
谢谢

我倾向于使用CSS3媒体查询。如果添加ID为
vmapSelect
的select:

<style type="text/css">
  #vmapSelect {display:none;}
  @media all and (max-width: 1000px) {
    #vmap {display:none;}
    #vmapSelect {display:block;}
  }
</style>

#vmapSelect{display:none;}
@全部和全部介质(最大宽度:1000px){
#vmap{显示:无;}
#vmapSelect{display:block;}
}

我现在需要一个下拉列表才能显示在响应视图上它只能显示在移动设备(手机/平板电脑等)上,而不能显示在台式机/笔记本电脑/mac上下拉列表/菜单有3个部分第一部分大陆(非洲、欧洲、美洲等)我选择亚洲,下一个列表/菜单加载第二部分区域(Sth东亚、北亚等)我选择东南亚,下一个列表/菜单加载第三部分国家(印度尼西亚、越南、泰国等)我选择了泰国,它会带我去Thailand.html谢谢在这种情况下,让
vmapSelect
成为一个包含下拉列表的div。这里有一篇关于如何连续下拉列表的文章:让我知道它是如何运行的,如果有必要,再发布一个问题。它工作得很好,很抱歉网站不让我发布另一个问题。