Jquery UI selectmenu внутри диалоговым

Question

Привет я пытаюсь добавить 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/класс подразделения, в котором вы хотите, чтобы selectmenu был видимым.

Answer 5

Вам не нужно изменять какие-либо свойства «z-index» или «overflow», чтобы отображать правую кнопку selectmenu.

Если вы хотите выбрать в диалоговом окне, сначала откройте диалоговое окно и после открытия диалога создайте selectmenu.

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