input失去焦点有关问题 _JavaScript

input失去焦点问题
html:

HTML code


                    <div class="down_list">
                        <a id="SelectDiv1" href="#">活动</a> <a id="SelectDiv2" href="#">资讯</a> <a id="SelectDiv3"
                            href="#">论坛</a>
                    </div>

ＪＱ代码

JScript code


            $(document).ready(function () {  //搜索框优化
                $(".down_list").hide();

                $("#SelectDiv1").click(function () {
                    $(".down_list").hide();
                    $("#search_select").attr("value", "活动");
                })
                $("#SelectDiv2").click(function () {
                    $(".down_list").hide();
                    $("#search_select").attr("value", "资讯");
                })
                $("#SelectDiv3").click(function () {
                    $(".down_list").hide();
                    $("#search_select").attr("value", "论坛");
                })
                $("#search_select").focus(function () {
                    $(".down_list").show();
                });
[color=#FF0000]                $("#search_select").blur(function () {
                    $(".down_list").hide();
                });[/color]
}）

现在有个问题单击选中的时候，就失去焦点了，不能付值，如果不要红色部份又不能使鼠标离开的时候隐藏。请教高手啊!!

------解决方案--------------------

JScript code

$(document).ready(function() { //搜索框优化
    $(".down_list").hide();
    $("#SelectDiv1, #SelectDiv2, #SelectDiv3").click( function() {
        $(".down_list").hide();
        $("#search_select").val($(this).html());
    });
    $("#search_select").focus(function() {
        $(".down_list").show();
    }).blur( function() {
        window.setTimeout('$(".down_list").hide()', 100); //等待10ms后隐藏
    });
});