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 文本上。我希望在鼠标悬停时将下拉列表设置为默认 Option1。但它不起作用。任何人都可以对出了什么问题有所了解。

编辑： 以下是我将鼠标悬停在 hello 文本上时的条件。我没有选择 Option4

Answer 1

你也可以试试这段代码：

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

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

Answer 2

你可以这样做

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

演示 ​</p>

Answer 3

你不穿selected="option1"，<select>你selected="selected"穿<option>

像这样

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

Answer 4

只需使用：

$('#slt').val('0');

选择选项。

http://jsfiddle.net/fzpN4/4/

$(document).on("mouseenter","#mnc",function(e) {
    $('#slt').val('0');
});

Answer 5

$(document).ready(function(){
$('#mnc').bind({
  mouseenter: function(e) {    
    $('#slt').val('0').focus(); // it will set focus on first option.        
  }
 });
});

Answer 6

好的，这是我的问题的工作模型这是 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').mouseover(function() {
            $('select').hide().blur().show();
        });
});

这是在jsfiddle