Javascript 选择框应位于对话框边缘之外

我有一个对话框，这是一个选择框，它应该在对话框的边缘。选择框应超出底部。到目前为止，我只设法使底部的选择框消失。 我使用jQuery插件

沃尔沃汽车
萨博
梅赛德斯
大众汽车
日产
奥迪

试试这个css：

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

--编辑

Sari Alalem是对的，这将影响其他对话框。在不影响其他对话框的情况下，我可以想到的解决方案基本上是添加另一个带有溢出的类：visible或使用JavaScript更改#dialog（渲染对话框后）父级的css属性：

考虑到其他对话框，解决方案应该是

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

试试这个css：

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

--编辑

Sari Alalem是对的，这将影响其他对话框。在不影响其他对话框的情况下，我可以想到的解决方案基本上是添加另一个带有溢出的类：visible或使用JavaScript更改#dialog（渲染对话框后）父级的css属性：

考虑到其他对话框，解决方案应该是

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

试试这个css：

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

--编辑

Sari Alalem是对的，这将影响其他对话框。在不影响其他对话框的情况下，我可以想到的解决方案基本上是添加另一个带有溢出的类：visible或使用JavaScript更改#dialog（渲染对话框后）父级的css属性：

考虑到其他对话框，解决方案应该是

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

试试这个css：

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

--编辑

Sari Alalem是对的，这将影响其他对话框。在不影响其他对话框的情况下，我可以想到的解决方案基本上是添加另一个带有溢出的类：visible或使用JavaScript更改#dialog（渲染对话框后）父级的css属性：

考虑到其他对话框，解决方案应该是

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

---

溢出被设置为隐藏，使用

.ui dialog.ui dialog content

。将其覆盖为：

.ui-dialog,
#dialog {
  overflow: visible;
}

---

溢出通过

.ui dialog.ui dialog内容设置为隐藏。将其覆盖为：

.ui-dialog,
#dialog {
  overflow: visible;
}

溢出通过
.ui dialog.ui dialog内容设置为隐藏。将其覆盖为：

.ui-dialog,
#dialog {
  overflow: visible;
}

溢出通过
.ui dialog.ui dialog内容设置为隐藏。将其覆盖为：

.ui-dialog,
#dialog {
  overflow: visible;
}

这将解决问题，但对话中的其他组件会溢出并显示在dialogue的顶部。你说得对，我已经编辑了答案以包含这些信息，添加了一个新的JSFIDLE，它不会影响其他对话框。这将解决问题，但对话框中的其他组件将溢出并显示在dialodue的顶部。你是对的，我已经编辑了答案以包含这些信息，添加了一个新的JSFIDLE，它不会影响其他对话框。这将解决问题，但对话框中的其他组件将溢出并显示在dialodue的顶部。你是对的，我编辑了答案以包含此信息添加了一个不会影响其他对话框的新JSFIDLE这将解决问题，但对话框中的其他组件会溢出并显示在对话框顶部。您是对的，我编辑了答案以包含此信息添加了一个不会影响其他对话框的新JSFIDLE