input失去焦点有关问题-JavaSript-爱易网页

input失去焦点有关问题

日期：2014-05-16　浏览次数：20389 次

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

input失去焦点有关问题

相关资料更多>

推荐阅读更多>