ajax实时获取下拉数据
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=utf-8"
/>
ajax实时获取下拉数据</
pre
>
<
style
>
<!--
.input_s{ position:relative}
.input_s ul{ list-style:none; margin:0; padding:0; width:200px; border:1px solid #ccc; border-bottom:none}
.input_s ul li{ border-bottom:1px solid #ccc}
.input_s ul li:hover{ color:#fff; background:#000}
-->
</
style
>
<
pre
></
pre
>
<
div
class
=
"input_s"
><
input
class
=
"tla"
id
=
"tla"
style
=
"width: 500px;"
type
=
"text"
name
=
"tla"
/>
</
div
>
<
pre
>
<
script
type
=
"text/javascript"
>//
<![CDATA[
var funjieliu = function(fn, delay){//函数节流 add by shanmao 2013 - 1 - 18
var timer = null;
return function(){
var context = this, args = arguments;
clearTimeout(timer);
timer = setTimeout(function(){
fn.apply(context, args);
}, delay);
};
};
document.getElementById("tla").onkeyup=funjieliu(function(){//键盘按下的时候
var tla = $("#tla").val();
if(tla){
$.post("/cityosweb/default.php/shanmao/input_xiala",{tla:tla},function(data){
if(data.status==1){
$(".inul").html("");
$.each(data.data,function(index,val){
$(".inul").append("
<li>"+val.username+"</li>
");
});
}
},"json");
}
},500);
$(function(){
$(".inul li").live("click",function(){
var thval = $(this).html();
var tla = $("#tla").val();
var regexp = new RegExp(",");
if(regexp.test(tla)){//如果input有值(",")则加上input里面的值
$("#tla").val(tla+thval+",");
}else{
$("#tla").val(thval+",");
}
$(".inul").html("");
$("#tla").focus();
});
});
// ]]>
</
script
>
function
input_xiala(){
$input
=
new
input();
$tval
=
$input
->post(
'tla'
);
$u
= M(
'User'
);
if
(
strpos
(
$tval
,
","
)){
//检查是否带有","
$val
=
explode
(
","
,
$tval
);
//拆分成数组
$tval
=
end
(
$val
);
//数组的最后一个值
}
$re
=
$u
->field(
'username,email'
)->where(
"username like '$tval%'"
)->limit(10)->select();
$this
->ajaxReturn(
$re
,
'success'
,1);
}
ajax实时获取下拉数据的更多相关文章
- ajax 多级联动 下拉框 Demo
写了ajax实现级联下拉框,考虑常用,并且级联个数随不同业务个数不同,于是就整理了一下,实现了 ajax + N级联动 下拉框的效果 效果图 HTML 代码 <h2> 省级联动</h ...
- vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: < ...
- 随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值
随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值 1:有如下html: .................. <select id="aaa ...
- Js获取下拉框选定项的值和文本
Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和 ...
- jquery 获取下拉框值与select text
下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后 ...
- js,jquery获取下拉框选中的option
js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; ...
- GPS(2)关于位置的3个示例,实时获取GPS定位数据,求两个经纬点距离,邻近某个区域圆时警告
实时获取GPS定位数据 import android.app.Activity; import android.content.Context; import android.location.Loc ...
- 用Ajax遍历三级下拉框
用Ajax遍历三级下拉框 //通过一级分类的id查二级分类(记得在前端网页按钮绑定点击事件) function getSecondCategory(oneCategoryId){ alert(&quo ...
- js总结:利用js获取下拉框的value值和文本值
select下拉框在项目开发中是经常用到的,特别是在联级菜单方面的应用更为广泛.但是,对于一些初学者来说,如何获取下拉框子节点option的value值和文本内容,还是有一点难度的. html代码: ...
随机推荐
- linux基础学习7
Linux 的开机流程分析 1. 加载 BIOS 的硬件信息与进行自我测试,并依据设定取得第一个可开机的装置: 2. 读取并执行第一个开机装置内 MBR 的 boot Loader (亦即是 gr ...
- iOS开发 总结几种传值--extern,NSUserDefaults,Delegate
1 设置委托(代理模式) 建一个委托testViewDelegate.h #import//b中的参数传到a//设置委托方法,例如本文件//在b中.h描述NSObject * deleg ...
- dedecms调用新闻文章列表
效果如下: 代码如下: <div class="list"> <ul class="d6 ico4"> {dede:list pages ...
- poj 3648 线段树成段更新
线段树成段更新需要用到延迟标记(或者说懒惰标记),简单来说就是每次更新的时候不要更新到底,用延迟标记使得更新延迟到下次需要更新or询问到的时候.延迟标记的意思是:这个区间的左右儿子都需要被更新,但是当 ...
- 使用assembly将maven项目pom.xml中的jar包打包
参考官方网站:http://maven.apache.org/plugins/maven-assembly-plugin/usage.html 方法一:将pom.xml引入的jar包打到zip文件夹中 ...
- 转: CSRF(Cross Site Request Forgery 跨站域请求伪造) 背景与介绍
from: https://www.ibm.com/developerworks/cn/web/1102_niugang_csrf/ 在 IBM Bluemix 云平台上开发并部署您的下一个应用 ...
- django orm高级查询 F表达式和Q表达式以及分组annotate
1.关联关系映射及查询1.1django默认开启延迟加载所有多对1和1对1如果不使用select_related(),需要会延迟加载获取到相关对象,因为延迟可能会造成n+1次查询的问题,所以便有了se ...
- ehcache缓存刷新问题
ehcache可以设置时间来定时刷新缓存,但是这个只是清空值,key依旧保存着. 只有你第一次利用key获取值,key才会释放.
- es6 includes(), startsWith(), endsWith()
传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中.ES6 又提供了三种新方法. includes():返回布尔值,表示是否找到了参数字符串. sta ...
- struts2的BaseAction<T>继承ActionSupport实现ModelDriven<T>
public class BaseAction<T> extends ActionSupport implements ModelDriven<T> { private sta ...