0

HTMLを使用して作成したテキストボックス内にドロップダウンメニューを配置しようとしていますが、そのコーディング方法がわかりません。

テキスト領域内に画像を配置する方法を見つけましたが、ドロップダウン メニューには何もありません。

$('input:text').css('background','#fff url(images/back.png) center right no-repeat');

私の考えは、検索ボックス内にドロップダウン メニューを配置して、ユーザーが検索するカテゴリを選択できるようにすることです。例: 音楽、ビデオ、写真。ただし、選択ドロップダウン メニューは検索ボックス内にある必要があります。

私のドロップダウンメニューコードは

      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>                </ul>
      </li>

私がやろうとしていることについて何か提案はありますか?

4

2 に答える 2

2

@TGHの答えを拡張するには：

CSS:

#dropdown
{
    position: absolute;
    z-index: 9999;
    top: 50px;
    left: 50px;
    border: 1px solid red;
}
body textarea
{
    width: 500px;
    height: 200px;
    border: 1px solid red;
}

HTML:

<select id="dropdown">
    <option value="1">1</option>
</select>
<textarea></textarea>

JSフィドル

于 2013-03-29T05:24:58.110 に答える
1

z-index と絶対配置を使用して、ドロップダウンをオーバーレイすることができます。css を使用して、ドロップダウンの絶対位置と z-index を指定します。

于 2013-03-29T05:17:10.683 に答える