input失去焦点问题

Question

html:                    <div class="down_list">
                        <a id="SelectDiv1" href="#">活动</a> <a id="SelectDiv2" href="#">资讯</a> <a id="SelectDiv3"
                            href="#">论坛</a>
                    </div>
ＪＱ代码            $(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();
                });
                $("#search_select").blur(function () {
                    $(".down_list").hide();
                });
}）现在有个问题单击选中的时候，就失去焦点了，不能付值，如果不要红色部份又不能使鼠标离开的时候隐藏。请教高手啊!!

Answer 1

$("#search_select")这个是什么东西

Answer 2

同意，DOM中没有看到 #search_select 这个元素

Answer 3

$(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后隐藏
});
});