JQuery自动填充控件：autocomplete（自己稍作了修改）

最新推荐文章于 2025-05-16 15:26:54 发布

weixin_34143774

最新推荐文章于 2025-05-16 15:26:54 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/wzq806341010/p/3868519.html

本文展示了如何使用 jQuery UI 实现自动完成输入框的功能，包括设置数据源、最小匹配长度、延迟时间和分隔符等参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 
 </head>
 <body>

  <script type="text/javascript" src="http://files.cnblogs.com/wzq806341010/jquery-1.7.2.min.js"></script>
  <script type='text/javascript' src="http://files.cnblogs.com/wzq806341010/jquery-ui-latest.js"></script>
  <link href="http://files.cnblogs.com/wzq806341010/jquery-ui.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript">
$(function(){
         $("input").live("focus click", function () {
            var $event = $(this);
            $event.autocomplete({ source: ['1','2'],
                minLength: 0, delay: 0,splitStr:"^",
                create: function (event, ui) {
                    $event.live("focus click", function () {
                        var active = $event.data("autocomplete").menu.active;
                        if (!active) {
                            $event.autocomplete("search", $event.val());
                        }
                    });
                }
            });
        });
});
        
</script>

<input type='text' value="" />

 </body>
</html>