页面结构如图所示,要实现点击下拉列表外的其他区域隐藏下拉列表,点击下拉列表区域则不隐藏。
代码如下:
//点击空白处隐藏多选下拉框
$(document).bind("click", function (e) {
var searchTable = $(".source_data_tab");
if (!searchTable.is(e.target) && searchTable.has(e.target).length === 0) {
$(".source_data_tab").hide();
}
});
source_data_tab是要隐藏的下拉列表的div标签的class名称。