今日完成:父节点的模糊查询、匹配、选择。
明日任务:完成树型结构自更新
着手数据抽取部分
1 搜索框信息补全: 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <link rel="stylesheet" href="http://apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css"> 7 <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> 8 <script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 9 </head> 10 <body> 11 <input id="roadline"> 12 </body> 13 <script type="text/javascript"> 14 $(function() { 15 var availableTags = ["标缝路","诚信路","公诚路","万诚路","何寇路","何潘路","何新路","栎西路","房西路","文化东路","桃源东路","石家东路"]; 16 $( "#roadline" ).autocomplete({ 17 source: 18 function(request, response) { 19 var results = $.ui.autocomplete.filter(availableTags, request.term); 20 response(results.slice(0, 10));//只显示自动提示的前十条数据 21 }, 22 messages: { 23 noResults: '', 24 results: function() {} 25 }, 26 }); 27 28 }); 29 </script> 30 </html>