1

私は言うドロップダウンを持っています

<select id="countries">
<option value="1">Country</option>
</select>

とチェックボックス、

<input type="checkbox" name="search_engine" id="search_engine" class="hear" value="search_engine" />
<input type="checkbox" name="search_engine1" id="search_engine1" class="hear" value="search_engine1" />
<input type="checkbox" name="search_engine2" id="search_engine2" class="hear" value="search_engine2" />

チェックボックスをクリックしてドロップダウンを開きたいのですが、jqueryを使用してそれを行うにはどうすればよいですか。

以下のコードを試してみましたが、うまくいきません。jquery 1.10.3 を使用しています。

function open_drop_down()
{
   $('#countries').show().focus().click();
}
4

1 に答える 1

2

編集:mithunsatheeshの回答から、doClickここに機能を統合しました:

var doClick = function() {
    'use strict';
    var event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    return event;
};

$('.hear').click(function() {
    'use strict';
    $('#countries').focus().get(0).dispatchEvent(doClick());
});

jsFiddleを参照してください。Chrome (WebKit) でのみ動作することに注意してください。

changeまた、イベントにバインドすることもできます。

于 2013-08-09T06:13:41.063 に答える