类似select下拉框,鼠标点击元素以外隐藏下拉框(阻止冒泡事件)

Posted 2023-04-22

参考技术A

1.点击按钮展开下拉列表
2.点击下拉列表中的选项进行选择
3.点击除下拉列表外的body，收起下拉列表

效果如图:

2.jQuery:

css样式省略略略略略略略略............

function show()
var e= arguments.callee.caller.arguments[0] || event;
if(e && e.stopPropagation)
e.stopPropagation();
else if(window.event)
window.event.cancelBubble = true;

(".gray").show();
;
(\'html,body,.close\').click(function()
(".gray").hide();
);

下拉框级联时如果对应的二级下拉框没有数据则隐藏，有就显示下拉框

这个要怎么弄？ 菜鸟求解答

数据应该是维护在变量中的吧。而不是写在DOM里的。
比如，第一级选择完之后，应该联动第二级，这时候不管是去请求服务器还是本来就有一份数据表，你肯定能拿到数据的。
这时候去判断这个数组的长度，如果为0，那么就隐藏第二个下拉框。 参考技术A 给第一个select添加一个onchange事件，在对应的方法中写：
if($("#select2").length > 0)


$("#select2").show();

else

$("#select2").hide();
参考技术B 根据数据判断