我的页面上有 3 个下拉列表。2 显示设置为无。当我单击下拉列表(注意只是单击,不要选择)并将鼠标悬停在 hello 文本上时,第一个下拉列表被重置,但下拉列表将显示设置为无也显示在旁边。我不希望发生这种情况。
这是我的html代码
<div id="mnc"> hello
</div>
<div id="slpt">
<select id="slt">
<option value="0">Option1</option>
<option>Option2</option>
<option>Option3</option>
<option>Option4</option>
<option>Option5</option>
</select>
<select id="slt1" style="display:none;">
<option value="0">Option1</option>
<option>Option2</option>
<option>Option3</option>
<option>Option4</option>
<option>Option5</option>
</select>
<select id="slt2" style="display:none;">
<option value="0">Option1</option>
<option>Option2</option>
<option>Option3</option>
<option>Option4</option>
<option>Option5</option>
</select>
</div>
这是jquery代码
$(document).ready(function() {
$('#mnc').mouseover(function() {
$('select').hide().blur().show();
});
});
这是jsfiddle </p>
</p>