Javascript 如何强制jQuery UI Selectmenu显示在jQuery模式窗口的上方（即前面）？

我正在使用jQuery UI Selectmenu设置表单下拉列表的样式。我已经创建了一个表单的示例页面，这样您就可以确切地看到我要问的问题：

正如您在单击上面的示例链接后看到的页面上所示，主页的jQuery UI Selectmenu下拉菜单（字段：“页面下拉列表1”和“页面下拉列表2”）一切正常。我的问题是，我无法使下拉列表正确显示在页面的模式窗口中

请单击上面页面的“搜索”按钮以进入模式窗口示例

错误在于模式窗口的下拉列表（字段：“模式下拉列表1”和“模式下拉列表2”）显示在模式窗口的后面。单击下拉列表时，可以看到它们的底部显示在模态窗口的底边下方。所以我的问题是：

如何强制jQuery UI Selectmenu出现在jQuery模式窗口中（即，前面），而不是后面

我使用FancyBox创建模式窗口，代码如下：

<a id="terminateEmployee_01" href="#terminateEmployeeShortcut">
<img src="/search/img/buttons/search_out.gif" width="200" height="34" class="rollover">
</a>

以下是定义模态窗口下拉样式的代码：

<script type="text/javascript">
<!--
$(document).ready(function() {
// Dropdown Width Definitions
$('select#modalDD01').selectmenu({
    style:'dropdown',
    width: 200,
    maxHeight: 238
});

$('select#modalDD02').selectmenu({
    style:'dropdown',
    width: 200,
    maxHeight: 238
});
});
// -->
</script>

下面是创建模态窗口所在DIV的代码：

<div style="display: none;">
<div id="terminateEmployeeShortcut" style="width:470px;height:165px;overflow:auto;">
<table width="460" cellspacing="0"> 
<tr>
<td class="bodyLabel" width="220">Modal Dropdown 1</td>
<td width="20"></td>
<td class="bodyLabel" width="220">Modal Dropdown 2</td>
</tr>

<tr>
<td width="220">
    <fieldset>
    <select name="modalDD01" id="modalDD01" tabindex="20" />
    <option value="" selected="">&nbsp;</option>
    <option value="One">One</option>
    <option value="Two">Two</option>
    <option value="Three">Three</option>
    <option value="Four">Four</option>
    <option value="Five">Five</option>
    </select>
    </fieldset>
</td>
<td width="20"></td>
<td width="220">
    <fieldset>
    <select name="modalDD02" id="modalDD02" tabindex="20" />
    <option value="" selected="">&nbsp;</option>
    <option value="One">One</option>
    <option value="Two">Two</option>
    <option value="Three">Three</option>
    <option value="Four">Four</option>
    <option value="Five">Five</option>
    </select>
    </fieldset>
</td>
</tr>
</table>

<br clear="left"><img src="/search/img/misc/spacer.gif" height="26" width="32"><br clear="left">
<a href="javascript:void(0);"><img src="/search/img/buttons/save_pop_out.gif" width="200" height="34" class="rollover"></a></center>

</div>
</div>

模态下拉列表1
模态下拉列表2
一个
两个
三
四
五
一个
两个
三
四
五

不过，再次强调，也许看到它的实际应用是最有帮助的：

也许我可以添加一些东西，使它出现在页面上的所有其他内容之上

---

请让我知道我还能提供什么帮助。提前非常感谢

我从firebug检查了您的代码，您需要更改id为'modalDD01 menu'和'modalDD02 menu'的ul属性，将

z-index:9999

添加到每个ul样式中