通過jQuery onchange選擇選項打開模式框

Question

如何通過jQuery在選擇選項的更改中打開模型框？

Answer 1

onchange = "$('#dialogboxname').dialog('open');" 

添加像onchange屬性上面^

Answer 2

您可以發送一個偵聽器選擇選項更改

結賬這裏的例子http://jsfiddle.net/N4EZf/2/

HTML

<select id="selectMe"> 
<option value='1'>1</option> 
<option value='2'>2</option> 
</select> 

的jQuery

alert('ready'); 
$('#selectMe').change(function() { 
    alert('Call modal function'); 
}); 

Answer 3

取決於你所說的「模式對話框」（或在問題「模型箱」）的內容。

如果你在談論一個jQuery UI Dialog，這應該這樣做：

$(document).ready(function() { 

    // Set the element as a dialog 
    $('div#modalDialog').dialog({ 
     modal: true, 
     autoOpen: false 
    }); 

    // Set the dialog to open when mySelect changes 
    $('select#mySelect').change(function() { 
     $('#modalDialog').dialog('open'); 
    }); 

}); 

這將，當DOM加載，與id「modalDialog」配置div元素是一個模態對話框和請在ID爲「mySelect」的select元素的change事件中設置偵聽器以打開對話框。