BootStrap学习2 typeahead

首先看看这些

http://www.wrapcode.com/bootstrap/typeahead-json-objects/

http://stackoverflow.com/questions/9232748/twitter-bootstrap-typeahead-ajax-example

http://stackoverflow.com/questions/16961561/update-function-for-typeahead

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8" /><link href="css/bootstrap.css" rel="stylesheet">
</head><body><input type="text" id="myElement"/><script src="js/jquery-1.8.0.min.js" type="text/javascript"></script><script src="js/bootstrap.js" type="text/javascript"></script><script type="text/javascript">$('#myElement').typeahead({source: function (query, process) {return $.getJSON('info2.php',{ query: query },function (data) {return process(data.options);});}    });</script></body></html>

后台

<?php
$query=$_REQUEST['query'];
$str="";
if(!empty($query))
if (false !== strpos($query, 'or')) {$str="{\"options\": [\"ori 1\",\"ori 2\",\"ori 3\",\"ori 4\",\"ori 5\"]} "; if(false !== strpos($query,'oric')){$str="{\"options\": [\"oricon 1\",\"oricon 2\",\"oricon 3\",\"oricon 4\"]} ";}}else if(false !== strpos($query, 'de')){$str="{\"options\": [\"Dell 1\",\"Dell 2\",\"Dell 3\",\"Dell 4\"]} ";
}else if(false !== strpos($query, 'ro')){$str="{\"options\": [\"royal ships\",\"Royal Caribbean\",\"Royal Cruises\",\"royal 4\"]} ";
}echo $str;?>

strpos函数就用来检测是否含有子串

转载于:https://www.cnblogs.com/cart55free99/p/3196669.html

BootStrap学习2 typeahead相关推荐

BootStrap学习（2）
使用Bootstrap添加代码框可先看:简介.引入.包下载等:http://www.cnblogs.com/0201zcr/p/4900062.html Bootstrap 允许您以两种方式显示代码 ...
Bootstrap学习笔记-布局
Bootstrap学习笔记-布局默认是响应式布局,就是你在改变页面的时候也不会出现乱的现象. <html> <head> <meta charset="utf ...
Bootstrap学习笔记02【全局CSS样式、组件和插件、案例_黑马旅游网_首页】
Java后端学习路线笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
Bootstrap学习笔记01【快速入门、栅格布局】
Java后端学习路线笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
bootstrap学习（五）代码
bootstrap学习(五)代码内联代码: <code>public static</code>void main 用户输入: to edit setting,press & ...
bootstrap学习（四）表格
bootstrap学习(四)表格基础样式: 自适应沾满浏览器 <table class="table"><tr><th>序号</th&g ...
bootstrap学习（三）表单
bootstrap学习(三)表单基本实例: from-group:可以是其内的标签排列更好 from-control:使标签宽度为100% <form><div class=&qu ...
bootstrap学习（四）输入框、导航
bootstrap学习(四)输入框.导航输入框组: 基本用法: //form-control 占满 //input-group:输入框组 //input-group-addon:输入框前加入一个前缀 ...
bootstrap学习（二）页面
bootstrap学习(二)页面响应式图片: //当图片大的时候,逐渐缩小浏览器大小,图片会显示为自适应大小 ,img-responsive <div class="containe ...

BootStrap学习2 typeahead

BootStrap学习2 typeahead相关推荐

最新文章

热门文章