将下拉菜单文本框或文本区域

-1

我试图把一个下拉，我使用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>

什么，我试图做的有什么建议？

来源

2013-03-29 Navi Gamage

可以使用自动完成... –

可能重复的http：/ /stackoverflow.com/questions/5070798/suggestion-list-within-text-area – theshadowmonkey

http://twitter.github.com/bootstrap/base-css.html#appendedDropdownButton –

为了扩大对@ 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 Fiddle

来源

2013-03-29 05:24:58 Xenolithic

您可以尝试使用z-index和绝对定位来叠加下拉菜单。通过CSS指定绝对定位和z-index下拉菜单。

来源

2013-03-29 05:17:10 TGH

将下拉菜单文本框或文本区域

回答

相关问题