分类导航
PHPJavaPythonC#C&C++RubyVBasp.NetGoPerlDjangoDelphiJspSpringLuaLaravelMybatisAspGroovyThinkPHP

PHP+jQuery实现自动补全功能源码

PHP   发布时间：2019-11-15  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了PHP+jQuery实现自动补全功能源码，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

前面手工写了一个下拉自动补全功能，写的简单，只实现了鼠标选择的功能，不支持键盘选择。由于项目很多地方要用到这个功能，所以需要用心做一下。发现@R_675_10288@ct2这个插件的功能可以满足当前需求。在使用jquery插件@R_675_10288@ct2的过程中遇到了一些疑惑，无论是穿json数据还是通过jsonp方式取数据，都能够正确返回。可是下拉列表中的条目却不能被选中，对鼠标和键盘选择都无效。后来发现，@R_675_10288@ct2插件在实现选中时是以数据中的id字段为准的。所以不管是json还是jsonp，ajax返回的数据都必须拥有id字段。如果实际数据库中不存在这样的id，也可以人为构造一个，但是要保证id的唯一性。

这里列出模板文件try_diy.tpl的源码

：
其中colum输入框是插件作用的地方，但其返回的值是id，当页面提交后我们需要把用户选择的版块重新呈现给用户，我的做法是根据表单提交的id查询对应的版面名称name，当控制器收到id值且非空的时候，把版块id对应的名称name值同时呈现到页面上显示出来。由于@R_675_10288@ct2插件是把name名称放在构造的<div id="s2id_colum">
内层的span元素中，所以我会在查询结果页面加载后把隐藏域的name值写到span元素。
<div class="codetitle"><a style="cursOR: pointer" data="11538" class="copybut" id="copybut11538" onclick="doCopy('code11538')"> 代码如下:
<div class="codebody" id="code11538">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "@L_197_0@;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;


<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"&gt;
<link href="./static/js/@R_675_10288@ct2-3.3.2/@R_675_10288@ct2.css" rel="stylesheet"/>
<script src="./static/js/@R_675_10288@ct2-3.3.2/@R_675_10288@ct2.js">



<input name="c" type="hidden" value="try"/>
<input name="a" type="hidden" value="diy"/>

<input type="hidden" class="bigdrop" id="colum" name="colum" style="width:600px" value=""/>
columname" value="<{$frmname}>" name="columname" />

版块ID：<{$frmiD}>






下面是控制器的例子：
<div class="codetitle"><a style="cursOR: pointer" data="3252" class="copybut" id="copybut3252" onclick="doCopy('code3252')"> 代码如下:
<div class="codebody" id="code3252">
class pmc_try
{
public function diy(){
if($_POST['colum'])
{
$fid = $_POST['colum'];
$fname = mod_forum::get_forum_name_by_fid($fid);//根据id取name
pm_tpl::assign('frmid',$fid);
pm_tpl::assign('frmname',$fName);
pm_tpl::display("try_diy");
}else
{
pm_tpl::display("try_diy");
}
}
public function ajax_diy(){
$fid = $_GET['q'];
$callBACk = $_GET["callBACk"]; //默认函数名为callBACk
$forums = mod_forum::get_ajx_forum_by_tpid($fid);
$@R_741_10586@l = count($forums);
$result = array(
'@R_741_10586@l'=>$@R_741_10586@l,
'items'=>$forums
);
$output = json_encode($result);
echo $callBACk.'('.$output.')';//构造jonsp
exit();
}
}
?>
@H_187_3@model方法：
<div class="codetitle"><a style="cursOR: pointer" data="81226" class="copybut" id="copybut81226" onclick="doCopy('code81226')"> 代码如下:<div class="codebody" id="code81226">
public static function get_forum_name_by_fid($fid)
{
$sql = "@R_675_10288@CT name FROM sq_forums WHERE fid='$fid' ORDER BY threads_counter DESC";
$data = pm_db11::result_first($sql);
return $data;
}
public static function get_ajx_forum_by_tpid($tpid,$fid)
{
//产品ID：tpid，版块ID：fid
$data = array();
if($tpid && $fid){//构造一个id字段，也可以通过对查询结果加工构造
$sql = "@R_675_10288@CT fid AS id,fid,name FROM sq_forums WHERE tpid='$tpid' AND name LIKE N'%$fid%' ORDER BY threads_counter DESC";
$query = pm_db11::query($sql);
$data = pm_db11::fetch_all($query);
}
return $data;
}

补充一下，实际使用为突出提示效果，可以高亮显示name中包含的查询关键字，这一点可以再@R_675_10288@ct2的formatResult函数中处理，也可以在php中进行加工处理。这一点 的源码我这里就不写了。
补充参考http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

大佬总结

以上是大佬教程为你收集整理的PHP+jQuery实现自动补全功能源码全部内容，希望文章能够帮你解决PHP+jQuery实现自动补全功能源码所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：自动补全
猜你在找的PHP相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap