大多旅游网站上都提供了一个城市和日期输入查询的功能。用户在输入框中只需输入城市的拼音或者简称就可以即时查询到相关城市的名称,选择日期时则是出现两个月的日历控件,只需点选日期即可,整个操作简捷明了。 本文用到了jquery ui库的datepicker插件来控制日历以及输入城市提示的插件。XHTML<div class="qline"> <label for="arrcity">出发城市:</label><input type="text" name="arrcity" class="input" id="arrcity" /> <d...
以下内容主要通过js代码给大家介绍,代码比较简单,包含注释,有好的建议欢迎提出。 如下图,当查询条件含有日期时,如“2012-3-4”,查询前校验输入的日期字符串是否为有效的日期var snapshot_createTime_begin=$(selector+" input[name=createTime_begin]").val().trim();var snapshot_createTime_end=$(selector +" input[name=createTime_end]").val().trim();try{//判断开始时间是否为有效的日期if(snapshot_createTime_begin...
本文实例讲述了JavaScript生成SQL查询表单的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript生成复杂的SQL查询表单,运行一下就明白了,它可以根据选择的查询条件,自动修改你的SQL语句,是一个很典型的应用。 运行效果截图如下:具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-Type"...
本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下: $(document).ready(function(){ layer.load(0); //初始化加载 //可选范围(0-9)0表示等返回结果后关闭,1-9表示自动关闭时间(s) });当查询结果集返回后,设置关闭等待的样式 function init_page_pro(sdate, pro) { $.post("detail.key", {pro : pro,sdate : sdate }, function(result, resultState) {if (resultState == "success"...
本文实例讲述了javascript查询字符串参数的方法。分享给大家供大家参考。具体实现方法如下:代码如下:/* 解析查询字符串 返回包含所有参数的一个对象 */ function getQueryStringArgs(){ //取得查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ); //保存数据的对象 args = {}; //取得每一项 var items = qs.length ? qs.split(&)...
代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>根据地址查询经纬度</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> </head> <body style="background:#CBE1FF"> <div style="width:730px;margin:auto;"> 要查询的地址:<input id="text_" type="text" val...
一个完整的URL字符串中,从"?"(不包括?)到"#"(如果存在#)或者到该URL字符串结束(如果不存在#)的这一部分称为查询字符串. 可以使用Query String模块中的parse方法将该字符串转换为一个对象,parse方法的使用方式如下所示: querystring.parse(str,[sep],[eq],[options]); str表示被转换的查询字符串, sep.字符串中的分隔符,默认是& eq.该字符串中的分配符,默认为=."="左边是key,右边是value options:是一个对象,可以在该对象中使用一个...
在用ajax进行分页查询时,分页的数目要用到取整函数 <script language="javascript"> var uu=Math.floor(5.36) //向下取整 结果为5 var uu=Math.floor(5.88) //结果为5 Math.ceil(5.33) //向上取整,结果为6 Math.round(5.55) //四舍五入 结果为6 math.round(5.22) //结果为5 </script>
应为IE8不支持indexOf,所有写一个for循环方法来判断是否存在,并返回true false function isCon(arr, val){ for(var i=0; i<arr.length; i++){ if(arr[i] == val) return true; } return false; } 在js中添加此方法,在调用处调用该方法 window.onload = function(){ var arr=new Array(1,2,3,2,4,2,5,6,7,2,4,3,18,12,41,87); alert(isCon(arr, 8)); }
function checkDate(startDate, endDate, num, flag) { if(startDate == null || endDate == null) { popwin.info(提示,日期不可为空); return false; } if(startDate == || endDate == ) { popwin.info(提示,请输入查询日期); return false; } var start_date = startDate + " 00:00"; var end_date = endDate + " 00:00"; start_date = new Date(start_date.replace(/-/g, "/")); end_date = new Date(end_date.replace(/-/...
使用方法: 代码如下:$("#todo_tip").pull_todo_count(); 后台返回值 代码如下:{"todo_count":3} js文件代码如下:(function ($) { var element; $.fn.pull_todo_count = function () { var a = $(<a>0个审核待申请</a>); a.attr("href","/process/todo_list"); a.appendTo($(this)); $(this).hide(); element = $(this); timerRequestData(); }; function timerRequestData...
代码如下://清空表格 $("#studentTab").empty(); $.ajax({ type:"POST", url:"../../student.action", dataType:"json", data:{ "stuNo":stuNo }, success:function(data){ var str; for(var i=0;i<data.items[i].length;i++) { str = "<tr>" + "<td>" + data.items[i].stuNo + "</td>" + "<td>" + data.items[i].stuName + "</td>" + "<td>" + data.items[i].stuAge + "</td>" + "<td>" + data.items[i].stuSex + "</td>" + "<td>...
将input、select清空 代码如下:var inputObjs=jQuery("#queryAdvancedDiv input[type=text]"); for(var i=0;i<inputObjs.length;i++){ var inputObj = inputObjs[i]; inputObj.value=""; } var selectObjs = jQuery("#queryAdvancedDiv select"); for(var i=0;i<selectObjs.length;i++){ var selectObj = selectObjs[i]; selectObj.value=""; }
代码如下: <h1>手机号码归属地查询</h1> <div class="outer"> <p>请输入手机号码</p> <input type="text" > <span class="button">查询</span> <span class="error">号码有误 或 无数据</span> <ul> <li class="num">手机号码: <span></span></li> <li class="province">归属省份: <span></span></li> <li class="operators">运 营 商: <...
1. 添加动态加载css文件 不需要引入css css全部在JS动态生成。2. 不需要额外的标签 只需要一个input输入框 并且默认指定一个class类名为 "inputElem" 当然也可以自己配置参数 还需要一个当前父级容器增加一个默认类名 parentCls(也可以自己配置),因为输入框匹配值后需要一个隐藏域 所以需要隐藏域增加一个class "hiddenCls" 当然也支持自己配置参数。 如下代码:代码如下:<div class="parentCls"> <div style="width:200px...