日期:2014-05-16 浏览次数:20824 次
<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();
        });
    })