前台页面:
function selectChange(id){
jQuery.get("managercheck_getCarListByType.do?carType.id="+id,function(data){
if(data!="nodata"){
//var json=[{'id':'33','carCode':'ddd'},{'id':'33','carCode':'ddd'}];
var json=eval(data);
processData(json);
}
else processData(null);
});
}
function processData(json){
var select=document.getElementById("carSelect");
if(select.options.length > 1){
var a = select.options.length;
while(a > 1){
select.removeChild(select.options[--a]);
}
}
if(json!= null){
for(var i = 0;i < json.length;i++){
select.options.add(new Option(json[i].carCode,json[i].carId));
}
}
}
后台:
public String getCarListByType(){
if(carType!=null&&carType.getId()!=null){
carList=carService.findCarsByType(carType);
System.out.println(carList.size());
HttpServletResponse response = ServletActionContext.getResponse();
try {
PrintWriter out = response.getWriter();
StringBuffer sb=new StringBuffer();
sb.append("[");
if(carList!=null&&carList.size() > 0){
response.setContentType("text;charset=gbk");
for(Car car : carList){
sb.append("{'carId':'"+car.getId()+"',"+"'carCode':'"+car.getCarCode()+"'},");
}
sb.replace(sb.length()-1, sb.length(), "");
sb.append("]");
out.println(sb.toString());
}
else {
response.setContentType("text;charset=gbk");
out.print("nodata");
}
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return null;
}
分享到:
相关推荐
Ajax-jQuery-Ajax-Dynamic-Select.zip,从数据库中获取筛选记录的简单应用程序,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分...
选择器速度提升 选择器的速度大幅度提高了,下表为jQuery1.1.2和1.1.3的选择器速度对比,提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...
下面的例子把所有 p 元素的背景颜色更改为红色: 实例 $("p").css("background-color","red"); 更多的选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> ...
Ajax-Cascade-Ajax-Select.zip,这是一个现成的html/jquery源代码,演示了如何构建基于ajax的级联选择。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建...
jquery插件ajax方式实现百度谷歌文本框糊模查询 文本框的糊查询,支持本地数据源和ajax异步数据请求 支持文本框的状态,如果不是手工输入,而是通过选择到文本框的值,将可取到selected属性为true 前面上传的控件...
可能是没有jQuery的Vue.js 2.0最完整的选择解决方案。 文献资料 访问: 赞助商 金 银 青铜 特点 没有依赖 单选 多选 标记 下拉菜单 筛选 搜索建议 逻辑分为混合 基本组件和对自定义组件的支持 V模型支持 Vuex支持...
06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的...
Selectize 是一个可扩展的基于 jQuery 的自定义 <select> UI 控件。 它可用于标记、联系人列表、国家/地区选择器等。 它的时钟约为 7kb(gzipped)。 目标是通过干净且强大的 API 提供可靠且可用的体验。 ...
* 6 如何运行:先运行utils,提前进行数据采集、数据清洗、数据存储操作,之后更改app修改好`datatable`和`job_name`,这部分信息务必与utils中输入的保持一致(因为发现app一运行的话就会直接给出网页,所以没法在...
jQuery与AngularJS39 苹果与橙子40 窥视未来41 14总结41 第2章构建与测试43 21介绍示例应用44 熟悉问题领域44 技术栈45 持久化存储46 MongoLab46 服务器端环境47 第三方JavaScript库48 BootstrapCSS48 ...
- [x] 6 如何运行:先运行utils,提前进行数据采集、数据清洗、数据存储操作,之后更改app修改好`datatable`和`job_name`,这部分信息务必与utils中输入的保持一致(因为发现app一运行的话就会直接给出网页,所以...
{8.7}同步与异步}{126}{section.8.7} {8.8}Timer}{133}{section.8.8} {9}Java网络编程}{135}{chapter.9} {10}反射}{141}{chapter.10} {10.1}Class}{141}{section.10.1} {10.1.1}Field}{145}{subsection.10.1.1...
-增加示例(data/tree_select_run.aspx),如何选中当前节点的所有子节点(feedback:wjl_wjl520)。 +TreeNode的属性NodeId被重命名为NodeID,这是ExtAspNet中的一个命名约定。 -同时更名的还有GridColumn的...
-增加示例(data/tree_select_run.aspx),如何选中当前节点的所有子节点(feedback:wjl_wjl520)。 +TreeNode的属性NodeId被重命名为NodeID,这是ExtAspNet中的一个命名约定。 -同时更名的还有GridColumn的...