点击下拉菜单创建popwindow（下拉菜单中没有选择）

问题描述：

我需要在点击或下拉菜单中选择一个popwindow。在弹出窗口中，我应该显示带有多选选项的复选框。我搜索了这种类型，但找不到任何引用。任何人都可以使用jQuery编写代码。点击下拉菜单创建popwindow（下拉菜单中没有选择）

谢谢

答

试试这个代码...希望它有助于

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
    #pop 
    { 
     position: absolute; 
     top:0; 
     left:0; 
     width:100%; 
     height:100%; 
     background-color: rgba(0,0,0,0.5); 
     display: none; 
    } 
    #container 
    { 
     position: relative; 
     width:500px; 
     margin:100px auto; 
     background-color: white; 
     border-radius: 10px; 
     padding: 20px; 
    } 
    #ddown 
    { 
     width:100px; 
    } 
</style> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"> 
</script> 
    <title></title> 
</head> 
<body> 
<select id="ddown" > 
    <option></option> 
</select> 
<div id="pop" > 
    <div id="container"> 
     <h1>Some Check box here</h1> 
    </div> 
</div> 
</body> 
<script type="text/javascript"> 
    $("#ddown").on("click",function(event){ 
     event.preventDefault(); 
     $("#pop").show(); 
    }) 
    $("#pop").click(function(){ 
     $("#pop").hide(); 
    }) 
</script> 
</html>

点击下拉菜单创建popwindow（下拉菜单中没有选择）

相关推荐