如何根据值显示警报弹出框

-1

我有一个下拉列表，如nothing, name1, name2, name3, name4 and etc,...当我选择nothing时，只有弹出窗口应显示弹出窗口在我选择其他窗口时不应显示的位置。如何根据值显示警报弹出框

任何想法？

2017-06-22 KS Kumar

告诉我们你已经尝试了什么。我们有很多想法，但我们想知道您的要求背后有什么想法？ –

请阅读此https://stackoverflow.com/help/mcve –

$(document).ready(function(){ 
 
    $("#dropdown_change").change(function(){ 
 
    if(document.getElementById("dropdown_change").value == "nothing"){ 
 
    alert("nothing"); 
 
    $("#popup").css("display", "block"); 
 
    } 
 
    }); 
 
    });

#popup{ 
 
    position: fixed; 
 
    margin:auto; 
 
    background: rgba(0,0,0,0.5); 
 
    display: none; 
 
    top: 0; 
 
    left: 0; 
 
    bottom:0; 
 
    right:0; 
 
    width: 300px; 
 
    height: 200px; 
 
    border: 1px solid #000; 
 
    border-radius: 5px; 
 
    padding: 5px; 
 
    color: #fff; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<!DOCTYPE html> 
 
<body> 
 
<form id="myform"> 
 

 
    Select a value from the list: 
 
    
 
    <select id="dropdown_change"> 
 
     <option value="name1">name1</option> 
 
     <option value="nothing" id="open-popup">nothing</option> 
 

 
     <option value="name2">name2</option> 
 
    
 
     <option value="name3">name3</option> 
 
    
 
     <option value="name4">name4</option> 
 
    
 
    
 
</select> 
 
</form> 
 
<div id="popup"> POP UP</div> 
 
</body>

来源

2017-06-22 07:53:03 Atiq

这是一些看起来不错的东西。我会交叉检查，并让你通知Atiq先生 –

@KSKumar你可以请upvote答案，如果你发现它是正确的？ – Atiq

如何根据值显示警报弹出框

回答

相关问题