如何根據值顯示警報彈出框

-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

如何根據值顯示警報彈出框

回答

相關問題