百度搜索框提示词下拉列表的制作方法
2017-01-19 15:57
183 查看
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>百度搜索框提示词下拉列表的制作方法</title> <script src="angular.min.js"></script> <script> var m1 = angular.module('myApp',[]); m1.controller('Aaa',['$scope','$http','$timeout',function($scope,$http,$timeout){ var timer = null; $scope.data = []; $scope.change = function(name){ $timeout.cancel(timer); timer = $timeout(function(){ $http({ method : 'JSONP', url : 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+name+'&cb=JSON_CALLBACK' }).success(function(data){ //console.log(data); $scope.data = data.s; }); },500); }; }]); </script> </head> <body> <div ng-controller="Aaa"> <input type="text" ng-model="name" ng-keyup="change(name)"> <input type="button" ng-click="change(name)" value="搜索"> <ul> <li ng-repeat="d in data">{{d}}</li> </ul> </div> </body> </html>
相关文章推荐
- 選定下拉列表的方法
- 从数据库中动态选取下拉列表的方法
- JS制作年月日下拉列表
- ADF:获取下拉列表值的方法
- [笔记]JS取下拉列表所选中的TEXT的方法
- 在DIV+CSS排版中新闻列表的制作方法
- 博计报表 下拉日历的制作方法
- 在DIVCSS排版中新闻列表的制作方法
- 关于web中下拉列表的几种实现方法
- media player 播放器列表两种制作方法
- 可编辑Select下拉列表控件实现方法(非DIV模拟)
- DBGrid 中的下拉列表和查找字段编程方法
- IE中下拉列表遮盖问题的解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 关于web中下拉列表的几种实现方法
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航
- 关于web中下拉列表的几种实现方法
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航
- 下拉列表DropDownList 创建方法
- Excel下拉列表制作