可选择也可自定义的输入框实现（原创）

1.效果：

2.依赖文件  jquery.js   bootstrap.js bootstrap.min.css

3.html

<div class="customInput">
			<div class="inputDiv">
				<input type="text" id="text" name="text"  />
				<button class="listBtn">
					<b class="arrow glyphicon glyphicon-menu-down pull-right black" style="color: #000000;"></b>
				</button>
			</div>
			<div class="selectDiv">
				<ul class="hidden">
					<li>111</li>
					<li>111</li>
					<li>111</li>
					<li>111</li>
				</ul>
			</div>
		</div><