我有一个带有可折叠子项的菜单，在菜单下面有一个下拉/选择框。在从选择框中选择一个选项时，使用CSS触发与鼠标指针垂直位于相同位置的菜单项：hover
这里是jsfiddle：
DOM与我的实际情况相同，CSS规则来自包含的不同CSS文件，因此这就是为什么你可能会看到一些重复的规则（即网格，全局等）
<div id="menu">
<div class="wrapper">
<div class="row">
<div class="col_12">
<ul class="fullMenu">
<li><a href="">example3</a>
<ul class="sub">
<li><a href="">submenu1</a></li>
<li><a href="">submenu2</a></li>
<li><a href="">submenu3</a></li>
<li><a href="">submenu4</a></li>
</ul></li>
<li><a href="">example4</a> <ul class="sub">
<li><a href="">submenu1</a></li>
<li><a href="">submenu2</a></li>
<li><a href="">submenu3</a></li>
<li><a href="">submenu4</a></li>
</ul>
</li>
<li><a href="">example5</a>
<ul class="sub">
<li><a href="">submenu1</a></li>
<li><a href="">submenu2</a></li>
<li><a href="">submenu3</a></li>
<li><a href="">submenu4</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="search">
<div class="wrapper">
<div class="row">
<div class="col_12">
<div class="col_4 m_col_12 s_col_12">
<label>choose option</label>
</div>
<div class="col_8 m_col_12 s_col_12">
<div class="select">
<select>
<option value="">option1</option>
<option value="">option2</option>
<option value="">option3</option>
<option value="">option4</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
我检查了所提出的同意问题，实际上看起来与我的情况非常类似......在另一个问题中，没有＆＃34;清洁＆＃34;解决方案，但至少有一个...所以建议，遵循提出的解决方案，或者至少在基于铬的浏览器上报告为错误？它毕竟是一个bug问题吗？
修改
js修复解决方案
$("select").on("change", function(){$(".sub").hide(); $("#select-form").submit();});