• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

选择下拉列表显示分格

JavaScript 12次浏览

我正在响应网站上开发选项卡式组件。它的工作方式是,在桌面和平板电脑上,我呈现一个菜单,然后单击菜单按钮时,我会显示相应的div。菜单选择下拉列表显示分格

桌面和平板电脑:

Desktop and Tablet for Menu

所以,当我选择不同的选项卡选项,我显示相应的标签内容。对于手机,我必须将此菜单转换为下拉菜单,我可以做到这一点。但点击下拉列表中的值时,我想呈现相应的标签内容,这是我无法做到的。我想在选择下拉值时显示相应的选项卡。任何帮助表示赞赏。请找到附加的JSFiddle。

的下拉菜单和选项卡都显示,我不知道为什么样式不拾取。可能是媒体查询。但功能起作用。当你点击标签时,你会看到在下拉菜单下显示的2个div。当我点击下拉值时,我想达到同样的效果。任何帮助表示赞赏。


===========解决方案如下:

你是你的代码太复杂,不喜欢下面: –

function testFunction(evt, tabNumber) { 
    $('.tabcontent').hide(); 
    $("#"+tabNumber).show(); 
} 

工作例如: –

注: – 当你在桌面视图您可以使用相同的代码(标签查看)


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)