日期:2014-05-16 浏览次数:20769 次
<script>
j("ol li").click(function(){
j("#dataInput").val(j(this).find("span:first").html());
j("#sug").hide();
});
j("#dataInput").focusout(function(){
j("#sug").hide();
});
</script>
<input id="dataInput" type="text" />
<div id="sug">
<ol>
<li>
<span></span>
<span></span>
</li>
<li>
<span></span>
<span></span>
</li>
</ol>
</div>
#sug{width:200px;height:140px;background:#fff; display:none;}
#sug ol,li{margin:0;padding:0;}
#sug li{background:#f7f7f7;height:22px;border-bottom:1px solid #ccc;width:200px;}
$(function() {
$("ol li").click(function() {
$("#dataInput").val($(this).find("span:first").text());
$("#sug").hide();
});
$("#dataInput").keypress(function() {
$("#sug").slideDown();
}).blur(function() {
$("#sug").slideUp();
});
})