ドロップダウンのクリック時にpopwindowを作成します（ドロップダウンに選択肢はありません）

-1

ドロップダウンのクリックまたはオンフォーカスにはpopwindowが必要です。 popwindowでは、複数選択肢のチェックボックスを表示する必要があります。この種のものを検索しましたが、参照が見つかりませんでした。誰でもjQueryを使ってこのためのコードを書くことができます。ドロップダウンのクリック時にpopwindowを作成します（ドロップダウンに選択肢はありません）

は...

出典

2016-08-05 Shalini

このコードを試してみてくださいありがとう、それは

<!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>

を役に立てば幸い

出典

2016-08-05 03:14:49 Darence30

ドロップダウンのクリック時にpopwindowを作成します（ドロップダウンに選択肢はありません）

答えて

関連する問題