Jquery 无法在菜单上方的选择框中选择

Jquery 无法在菜单上方的选择框中选择,jquery,html,css,forms,drop-down-menu,Jquery,Html,Css,Forms,Drop Down Menu,只有在“我的菜单”上的“选择”选项被选中时,我才会在选择框上选择选项。我使用的菜单是一个插件Jquery 当选择框位于菜单上方时,选项将返回。我试着给我的div加上z-index,但没用。有人能帮我解决这个问题吗。。这对我来说是一个新问题 我的HTML: <div id="top-search"> <form nmae='name123' action="queryexecute.php" method="POST"> <table

只有在“我的菜单”上的“选择”选项被选中时,我才会在选择框上选择选项。我使用的菜单是一个插件Jquery

当选择框位于菜单上方时,选项将返回。我试着给我的div加上z-index,但没用。有人能帮我解决这个问题吗。。这对我来说是一个新问题

我的HTML:

<div id="top-search">
        <form nmae='name123' action="queryexecute.php" method="POST">
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
        <select class="styledselect" name="field_2" style="width:100px;" autocomplete="on" placeholder="Show" required="">
            <option value="">Select</option>
            <option value="=">Equal</option>
            <option value="!=">Not equal</option> 
            <option value="LIKE">Like</option> 
            <option value="&gt;">Greater</option> 
            <option value="&lt;">Lesser</option>
            <option value="&gt;=">Greater than or equal to</option> 
            <option value="&lt;=">Lesser than or equal to</option>
            <option value="!==">Not identical</option></select>
        </select>
        </td>
        <td>
        <select class="styledselect" name="field_1" id="field_1" style="width:100px;" autocomplete="on" placeholder="Show" required="">
          <option value="">Select</option>
           <option value="`ShibAzmnNo`">no</option>
        </select>
        </td>
        <td>
        <input name='' type="submit" src="images/shared/top_search_btn.gif"  />
        </td>
        </tr>
        </table>
    </form>
    </div>

它的
z-index
问题您应该将select的父元素的
z-index
增加到menu的父元素


请分享您的html或css,您尝试使用哪种html或css这一专业技巧来回答未来的问题:使用jsfiddle.net创建问题的简化版本此站点您得到了您的解决方案我可以确定@TomPHP Define#top search{z-index:9999;}evn当我将我的z-index给20时,问题仍然没有得到解决。。有什么想法吗?请同时给导航提供z-索引,它应该小于顶部搜索,并添加相对于菜单容器的位置。如果我否决了它,我不会这样做。为什么我会回答它?我想人们也想要一个小提琴链接,他们否决了你。你是受欢迎的,因为我有这么多的经验,我可以一眼就告诉你这是一个z索引问题,但您应该提供一个可靠的链接来测试代码,这是这里的规则
#top-search {
    display: inline;
    float: right;
    position: relative;
    margin: 46px -150px 0 0;
    z-index: 1;
    }
<div style="position:relative;z-index:9999">select item</div> 

<nav style="position:relative;z-index:99">menu items</nav> 
#top-search{z-index:9999;}