2016-10-22 41 views
0

選擇標籤和模態窗口標籤..如何在選項選擇上打開模型窗口?

<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

重複的問題[Open-a-model-window-by-jquery-onchange-of-select-option](http://stackoverflow.com/a/24032802/2324206) – Haridarshan

+1

你的腳本已經在工作check:https ://jsfiddle.net/Lnxbosz4/ –

+0

不,我在我的網頁上試過..........其不工作 – prachi

回答

0

我相信這是因爲你寫#dialogmodal當你的意思是在你的JS代碼的第二行寫#dialog-modal

相關問題