-2

ページに3つのドロップダウンリストがあります。2つの表示がなしに設定されています。ドロップダウンリストをクリックして（クリックするだけで、選択しないでください）、ハローテキストにマウスを合わせると、最初のドロップダウンはリセットされますが、ドロップダウンはリセットされます。表示をnoneに設定すると、横にも表示されます。これは発生したくありません。

これが私の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>

4

3 に答える 3

1

<select>これは、表示されている要素にのみ影響します。

$('select:visible').hide().blur().show();

参照：http ：//api.jquery.com/visible-selector/

blur()ただし、電話の直後にもう一度表示するために、電話の前に非表示にする理由がわかりません。のみを呼び出すようにコードを簡単に減らすことができます.blur()。

于 2012-12-26T10:37:52.110 に答える
0

表示されているすべての選択ボックスを表示する場合

試す

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

編集：表示されるドロップダウンに編集されたコメントに基づく

于 2012-12-26T10:36:49.227 に答える
0

use :visible..thisは、表示されるすべての要素を選択します

これがフィドルです。

http://jsfiddle.net/PZCQq/4/

于 2012-12-26T10:39:54.437 に答える