搜索框(Thinkphp5.0)

1.普通关键词搜索框

模板部分代码:

<form name=‘searchform‘ action=‘/index.php/module/controller/search‘ method=‘get‘>

<input name=‘keyword‘ type=‘text‘ value=‘<?php echo input(‘get.keyword‘);?>‘ class=‘input-text‘ />

<input type=‘submit‘ name=‘search‘ class=‘button‘ vlalue=‘<?php echo lang(‘search‘)?>‘ />

</form>

<div class=‘‘>相似用户名:{$list[‘name‘];}</div>

控制器部分代码:

function search(){

$keyword  = isset($_GET[‘keyword‘])?$_GET[‘keyword‘] : ‘‘;

if($keyword){

$where[‘name‘] = [‘like‘,‘%‘.$keyword.‘%‘];

}

$list = Db::name(‘datatable‘)->where($where)->order(‘id DESC‘)->select();

$this->assign(‘list‘,$list);

return $this->fetch(‘‘);

}

2.有关键词提示的输入框

模板部分代码:

<input type=text id=txtkey>

<ul class=‘list‘></ul>

<script>

$(‘#txtkey‘).on(‘keyup‘,function(){

var key = $(this).val();

$(‘.list‘).empty();

showmodLoading();

var s=‘‘;

$.get(‘/index.php/module/controller/method‘,{key:encodeURI($(‘#txtkey‘).val())},function(data){

if(data.data){

$.each(data.data,function(k,v){

s+=‘<li data-id="‘+v.userid+‘" onclick="selitem(\‘‘+v.userid+‘\‘,\‘‘+v.nickname+‘\‘)">‘+v.nickname+‘</option>‘;

})

}

$(‘.list‘).append(s);

$(‘.list‘).show();

modLoaded();

$(document).one(‘click‘,function(){

$(‘.list‘).hide();

})

})

});

function selitem(id,name)

{

$(‘#ry‘).append(‘<option value="‘+id+‘">‘+name+‘</option>);

}

$(‘#dosubmit‘).on(‘click‘,function(){

$(‘#ry option‘).each(function(){

$(this).attr(‘selected‘,‘true‘);

});

});

</script>

控制器部分代码:

public function search()

{

$key = input(‘get.key‘);

$datas = Db::name(‘table‘)->field(‘name‘)->where(array(‘nickname|username‘=>array(‘like‘,‘%‘.$key.‘%‘)))->select();

return  (array(‘status‘=>1,‘data‘=>datas));

}

时间: 2024-11-06 19:01:00

搜索框(Thinkphp5.0)的相关文章

带分类页签搜索框的实现

需求:类似于淘宝搜索框,可以根据选择不同的分类进行帅选查询,效果图如下: aspx代码如下: <div id="divSearch" class="form-wrapper"> <div class="tab_area"> <div id="divWaterMeterCode" class="tab hover"><span onclick="setSea

iOS --- 搜索框UISearchController的使用(iOS8.0以后替代UISearchBar + UISearchDisplayController的组合)

在iOS 8.0以上版本中, 我们可以使用UISearchController来非常方便地在UITableView中添加搜索框. 而在之前版本中, 我们还是必须使用UISearchBar + UISearchDisplayController的组合方式. 添加UISearchController属性: @property(strong, nonatomic) UISearchController *searchController; @property(strong, nonatomic) NS

Android零基础入门第62节:搜索框组件SearchView

原文:Android零基础入门第62节:搜索框组件SearchView 一.SearchView概述 SearchView是搜索框组件,它可以让用户在文本框内输入文字,并允许通过监听器监控用户输入,当用户输入完成后提交搜索时,也可通过监听器执行实际的搜索. SearchView默认是展示一个search的icon,点击icon展开搜索框,也可以自己设定图标.用SearchView时可指定如下表所示的常见XML属性及相关方法. 如果为SearchView增加一个配套的ListView,则可以为Se

Android----- 改变图标原有颜色 和 搜索框

本博客主要讲以下两点知识点 图标改变颜色:Drawable的变色,让Android也能有iOS那么方便的图片色调转换,就像同一个图标,但是有多个地方使用,并且颜色不一样,就可以用这个方法了. 搜索框: 一般是EditText实现,本文 实现 TextView图片和文字居中,键盘搜索. 来看看效果图: 图标改变颜色:第一个界面的左边(二维码)和右边(更多)两个实现,我放进去的图片是黑色的,显示出来是白色的. 搜索框:第一个界面的图片和文字居中,还可以设置间距,第二个见面搜索设置键盘搜索按钮,点击搜

模糊查询(类似百度搜索框)

很常见的搜索框,很常用,总结一下,怕自己忘了,使用的是原生的js. 这是原生写的,代码很简单,重要是思路.主要就是用了一个indexOf(),很简单.越简单的东西越难想到,很多人都会想到用正则去做,这样就舍近求远了. html部分: <div id="box"> <input type="text" id="txt" value = ""> <input type="button&quo

微信小程序开发之带搜索记录的搜索框

实现功能:点击搜索框,有搜索记录时以下拉菜单显示,点击下拉子菜单,将数据赋值到搜索框,点击搜索图标搜索,支持清空历史记录,可手动输入和清空查询关键字, UI: wxml: <!--查询历史记录数据--><view class="ddclass" style="margin-left: 50rpx;z-index:80" hidden="{{!StorageFlag}}" style="z-index:100"

POST注入--搜索框

POST注入的分类有很多: 搜索框 登录框 认证框 还有XXXX,总之什么情况就是什么注入 言而总之,都他么一样,不就是POST传数据的时候动点手脚么? 写了个简单的搜索框注入的网页: 代码折叠了,大家展开看 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>搜索型注入</title> 5 <meta charset="utf-8"> 6 </head> 7 &l

模拟百度搜索框,输入时显示历史记录

今天写了个小demo,利用本地存储的特点,模拟百度搜索框. 主要知识是利用本地存储的特点,模拟百度搜索时的历史记录显示. 主要HTML代码为 <div class="search"> <input type="text"/> <button class="btn">搜索</button> </div> <ul class="hidden"> <li&

UISearchBar(搜索框)

初始化:UISearchBar继承于UIView,我们可以像创建View那样创建searchBar     UISearchBar * bar = [[UISearchBar alloc]initWithFrame:CGRectMake(20, 100, 250, 40)];     [self.view addSubview:bar]; @property(nonatomic)        UIBarStyle              barStyle; 这个属性可以设置searchBar