5

これが私の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のハローテキストにカーソルを合わせた要素を選択しないマウスホバーでドロップダウンリストをデフォルトのOption1に設定したかったのですが、機能しません。何がうまくいかないかに光を当ててください。

編集： 以下は、ハローテキストにカーソルを合わせたときの状態です。オプション4を選択していません。 ここに画像の説明を入力してください

4

6 に答える 6

4

このコードを試すこともできます：

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

      $("#slt").find('option:first').attr('selected', 'selected');
  }
 });
});
​
于 2012-11-15T13:15:03.420 に答える
3

あなたは着ないselected="option1"、<select>あなたはselected="selected"着る<option>

このように 

$(document).ready(function(){
 $('#mnc').bind({
  mouseenter: function(e) {    
      $('#slt option:first-child').attr('selected', 'selected');        
  }
 });
});
于 2012-11-15T13:06:11.687 に答える
3

使用するだけです：

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

オプションを選択します。

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

$(document).on("mouseenter","#mnc",function(e) {
    $('#slt').val('0');
});
于 2012-11-15T13:07:13.557 に答える
3

あなたはこのようにそれを行うことができます

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

デモ </p>

于 2012-11-15T13:10:57.817 に答える
2 
$(document).ready(function(){
$('#mnc').bind({
  mouseenter: function(e) {    
    $('#slt').val('0').focus(); // it will set focus on first option.        
  }
 });
});
于 2013-05-08T13:55:40.057 に答える
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>

これがJqueryコードです

    $(document).ready(function(){
 $('#mnc').mouseover(function() {
            $('select').hide().blur().show();
        });
});

ここはjsfiddleにあります

于 2012-11-16T08:55:54.400 に答える