2016-10-22 2 views
0

Wählen Sie Tag und modale Fenster tag ..So öffnen Sie das Modellfenster bei der Optionsauswahl?

<select id="selectBox"> 
    <option value="0">Select</option> 
    <option value="1">Yes</option> 
    <option value="2">No</option> 
</select> 
<div id="dialog-modal">test</div> 

$(document).ready(function() { 
 
$('#dialogmodal').dialog({ 
 
       modal:true, 
 
       autoOpen:false 
 
}); 
 
      $('select').change(function(){ 
 
       $('#dialog-modal').dialog('open'); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="selectBox"> 
 
    <option value="0">Select</option> 
 
    <option value="1">Yes</option> 
 
    <option value="2">No</option> 
 
</select> 
 
<div id="dialog-modal">test</div>

+0

Doppelte Frage [Öffnen-ein-Modell-Fenster-durch-jquery-onchange-of-select-Option] (http://StackOverflow.com/a/24032802/2324206) – Haridarshan

+1

Ihr Skript arbeitet bereits überprüfen: https : //jsfiddle.net/Lnxbosz4/ –

+0

nein ich habe versucht auf meiner Seite .......... es funktioniert nicht – prachi

Antwort

0

Ich glaube, es ist, weil Sie #dialogmodal geschrieben haben, wenn Sie #dialog-modal in der zweiten Zeile des JS-Code zu schreiben bedeutete.

Verwandte Themen