javascript - 无法在鼠标输入时使用 jquery 将焦点设置为下拉列表

Question

这是我的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>

这是我的 jquery 代码

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

这是 jsfiddle 上的工作模型

问题:在我单击下拉列表但未选择元素后，我将鼠标悬停在上方 div 的 hello 文本上。我希望在鼠标悬停时将下拉列表设置为默认选项 1。但它不起作用。任何人都可以阐明发生了什么问题。

编辑:以下是我将鼠标悬停在问候文本上时的情况。我没有选择 Option4

Answer 1

你也可以试试这个代码:

$(document).ready(function(){
 $('#mnc').bind({
  mouseenter: function(e) {

      $("#slt").find('option:first').attr('selected', 'selected');
  }
 });
});
​