模态对话框内的Jquery UI selectmenu

Question

您好我试图在模态对话框中添加一个选择菜单，但隐藏了很多选项，我无法点击它们

以下是

的例子

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

我找到了以下解决方案。它为我工作。

url

Answer 4

您可以使用selectmenu“appendTo”的属性来解决此问题。 您需要做的就是提供您希望selectmenu可见的分区的id / class。

Answer 5

您无需更改任何“z-index”或“overflow”属性即可显示右侧的选择菜单。

如果你想在对话框中选择一个菜单，首先打开对话框，打开对话框后创建选择菜单。

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