內模態對話框

Question

嗨jQuery UI的selectmenu我試圖添加一個模態對話框內selectmenu但很多選項是隱藏的，我不能按他們

這裏的例子

http://jsfiddle.net/4dd62ukv/1/

<label for="month">Month</label> 
<select name="month" id="month"> 
<option value="0">January</option> 
<option value="1">February</option> 
<option value="2">March</option> 
<option value="3">April</option> 
<option value="4">May</option> 
<option value="5">June</option> 
<option value="6">July</option> 
<option value="7">August</option> 
<option value="8">September</option> 
<option value="9">October</option> 
<option value="10">November</option> 
<option value="11">December</option> 
</select> 

有什麼想法？謝謝！

Answer 1

.ui-dialog {overflow: visible;} 

Fiddle

Answer 2

你也可以試試這個：

div.ui-selectmenu-open { 
    position: absolute; 
    z-index: 65535; 
} 

對於JUI 1.11

Answer 3

我發現下面的解決方案。它爲我工作。

.ui-front{z-index:0 !important; } 
.ui-selectmenu-open {z-index:9999 !important;} 

Answer 4

您可以通過使用selectmenu「appendTo」的屬性來解決此問題。 您只需提供想要使選擇菜單可見的分部的id/class。

Answer 5

您不必更改任何「z-index」或「overflow」屬性以顯示selectmenu權限。

如果你想在對話框中選擇菜單，首先打開對話框，打開對話框後創建選擇菜單。

$("idOfDialog").on("dialogopen", function(e, ui){ 
    $('idOfSelectMenu').selectmenu(); 
}