jQuery+html+css文本框下拉检索提示框

css样式：

/*不包括输入框样式*/
/*
 * 输入框参考样式
 * .xl_input{
				margin:0;
				width: 500px;
				height: 30px;
				padding: 0;
				border: none;
				position: absolute;
				left:50%;
			}
 */
.xl_ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: solid 1px #dfdfdf;
}

.xl_li {
	padding: 0;
	margin: 0;
	background: #fff;
	color: #399afe;
	font-size: 9pt;
	cursor: pointer;
	line-height: 20px;
}

.xl_li:hover {
	color: #fff;
	background: #399afe;
}

.xl_li:active {
	color: #399afe
}

js：

/*输入框要求，可以变
 <input type="text" name="aa" id="xl_input" value="" class="xl_input" />
 * */


function xl_select_ul(id,s) {
	function select_ul(id, s) {
		var ul = "";
		//根据传入的数据生成列表
		function cli(s) {
			ul = "<ul id='ul_select_main' class='xl_ul'>";
			for(i = 0; i &l