Email中的收件人效果jQuery实现（按del键删除）

最新推荐文章于 2021-12-29 19:45:53 发布

转载最新推荐文章于 2021-12-29 19:45:53 发布 · 367 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hnlukun/archive/2011/03/18/1987823.html

文章标签：

#javascript #java #ViewUI

除以下代码外，再导入个jquery-1.4.4.min.js文件，代码中收件人是写死的("ABC", "ABCDEF", "BCDEF")，已测试通过！

<%@ page language="java" import="java.util.*" pageencoding="utf-8" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta http-equiv="Cache-Control" content="no-cache">
    <title></title>

        $(document).ready(
            function() {
                $(document).keydown(
                function(event) {
                    if (event.keyCode == 46) {
                        var containner = $("#div1 span").eq(0);
                        containner.find("a").each(function() {

                            if ($(this).css('background-color') == 'blue') {
                                $(this).remove();
                            }

});

                        if (containner.find("a").length == 0) {
                            containner.css("width", "0");
                        }
                    }

});
});

                if (result.length == 0) {
                    alert("不包含当前输入的收件人信息，请重新输入！");
                }
                else if (result.length == 1) {
                    alert("添加一个收件人！");
                    containner.css("width", "100%");
                    containner.append("<a href='javascript:' >" + result[0] + ";</a>");

                }
                else if (result.length > 1) {
                    alert("有" + result.length + "个匹配信息，弹出选择对话框选择！");
                    // window.open("dialog.html", "请选择", "height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no,alwaysRaised=yes,z-look=yes");
                    window.open("dialog.html");
                }

}
}

</script>

</head>
<body style="padding: 0 0; margin: 0 0;">
    <div id="div1" style="background-color: #22dd22; width: 100%">
        <span class="clickcss" style="background-color: #00ff00;"></span><span style="width: 100%">
            收件人：<input id="input1" /></span>
    </div>
    <button id="button1" onclick="check();" />
    检查</button>
</body>
</html>

转载于:https://www.cnblogs.com/hnlukun/archive/2011/03/18/1987823.html