-2

selectbox でオプションを選択すると、メニューでオプションを選択するときにのみ問題が発生します。私が使用しているメニューは Plugin 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>

私のCSS:

#top-search {
    display: inline;
    float: right;
    position: relative;
    margin: 46px -150px 0 0;
    z-index: 1;
    }
4

1 に答える 1