无法在鼠标输入时使用jquery将Focus设置为下拉列表

iJa*_*ade 5 html javascript css jquery jquery-ui

这是我的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>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我的jquery代码

    $(document).ready(function(){
 $('#mnc').bind({
  mouseenter: function(e) {    
     $('#slt').attr('selected', 'Option1');        
  }
 });
});
Run Code Online (Sandbox Code Playgroud)

这是jsfiddle的工作模型

问题:在我点击下拉列表但没有选择一个元素后,我将鼠标悬停在div上方的hello文本中.我希望下拉列表在鼠标悬停时设置为默认的Option1.但是它不工作.可以任何一个如何解决什么问题.

编辑: 下面是我悬停在你好文本上的条件.我没有选择Option4 在此输入图像描述

iJa*_*ade 1

好的,这是我的问题的工作模型这是 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>
</div>
Run Code Online (Sandbox Code Playgroud)

这是 Jquery 代码

    $(document).ready(function(){
 $('#mnc').mouseover(function() {
            $('select').hide().blur().show();
        });
});
Run Code Online (Sandbox Code Playgroud)

这是在jsfiddle中