input失去焦点有关问题

2012-08-01

input失去焦点问题html:HTML codediv classdown_lista idSelectDiv1 href#活动/a a idS

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

热点排行

JavaScript

input失去焦点有关问题