我想做个自动补全的邮箱Demo 可是有一点点缺陷

qq_木子19 jQuery UI Widge... 最后由 qq_木子19 于2015年04月27日回复

  • 2 回答
  • 1.2k 浏览
<body>
<!---自动补全--->
<label class="label" for="tags">tags:</label>
<input id="tags" placeholder="请输入邮箱账号">
</body>
</html>
$(document).ready(function(){

$("#tags").on("change",change);

//var autotags = ["@qq.com","@163.com","@include.com","@yahoo.cn"];
//$("#tags").autocomplete({
// source:autotags
//});

//$("#aid").button().on("click", function () {
// $("#div").dialog();
//});
});

function change(){

var t = $(this).val();
  • qq_木子19 2015年04月27日 回答 #1楼
  • 上面几行是HTML代码

    <body>
    <!---自动补全--->
    <label class="label" for="tags">tags:</label>
    <input id="tags" placeholder="请输入邮箱账号">
    </body>
    </html>

      下面的时JS代码 我就不贴了

  • 0 评论
  • qq_木子19 2015年04月27日 回答 #2楼
  • 问题已解决

    JS代码如下   

    $(document).ready(function(){

    $("#tags").keyup(function () {
    var t = $(this).val();
    //alert(t);
    var autotags = [t+"@qq.com",t+"@163.com",t+"@include.com",t+"@yahoo.cn"];

    if(t.length>=4){
    $("#tags").autocomplete({
    source:autotags
    });
    }

    });

    });
  • 0 评论