读书人

input失去焦点有关问题

发布时间: 2012-08-01 17:53:40 作者: rapoo

input失去焦点问题
html:

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


JQ代码
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

热点推荐