jquery實現輸入框點擊出現下拉列表樹插件代碼4952

最近更新于 3年前

相關js代碼
//生成彈出層的代碼

xOffset = 0;//向右偏移量
yOffset = 25;//向下偏移量
var toshow = "treediv";//要顯示的層的id
var target = "menu_parent_name";//目標控件----也就是想要點擊后彈出樹形菜單的那個控件id
$("#"+target).click(function (){
	$("#"+toshow)
	.css("position", "absolute")
	.css("left", $("#"+target).position().left+xOffset + "px")
	.css("top", $("#"+target).position().top+yOffset +"px").show();
});
//關閉層
$("#closed").click(function(){
	$("#"+toshow).hide();
});
//判斷鼠標在不在彈出層范圍內
 function   checkIn(id){
	var yy = 20;   //偏移量
	var str = "";
	var   x=window.event.clientX;   
	var   y=window.event.clientY;   
	var   obj=$("#"+id)[0];
	if(x>obj.offsetLeft&&x<(obj.offsetLeft+obj.clientWidth)&&y>(obj.offsetTop-yy)&&y<(obj.offsetTop+obj.clientHeight)){   
		return true;
	}else{   
		return false;
	}   
  }   
//點擊body關閉彈出層
	$(document).click(function(){
		var is = checkIn("treediv");
		if(!is){
			$("#"+toshow).hide();
		}
	});

//生成彈出層的代碼
//點擊菜單樹給文本框賦值------------------菜單樹里加此方法
function setvalue(id,name){
	$("#menu_parent_name").val(name);
	$("#menu_parent").val(id);
	$("#treediv").hide();
}

技術討論區(0 個討論)

  1. 請先登錄

      發 布
欢乐街机捕鱼赢话费 为什么手机麻将天天 选四开奖结果 上海 查询 网赚推广app 第一次炒股如何开户 大乐透最近30期走势图 黑龙江p62预测 手机李逵劈鱼技巧说明 下载欢乐真人麻将 手机版美高梅线上娱乐 山西快乐10分三码预测 北京赛车pk10稳赢 深圳股票指数代码 排列3开奖结果 好运彩3基本走势图 可以金币下分的电玩捕鱼 乐享棋牌游戏