`
zben000
  • 浏览: 41910 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery异步更改select

阅读更多

前台页面:
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-jQuery-Ajax-Dynamic-Select.zip,从数据库中获取筛选记录的简单应用程序,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分...

    jquery-1.1.3 效率提高800%

    选择器速度提升 选择器的速度大幅度提高了,下表为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...

    jQuery详细教程

    下面的例子把所有 p 元素的背景颜色更改为红色: 实例 $("p").css("background-color","red"); 更多的选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") 所有 &lt;p&gt; 元素 $("p.intro") 所有 class="intro" 的 &lt;p&gt; ...

    Ajax-Cascade-Ajax-Select.zip

    Ajax-Cascade-Ajax-Select.zip,这是一个现成的html/jquery源代码,演示了如何构建基于ajax的级联选择。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建...

    jquery插件ajax方式实现百度谷歌文本框糊模查询

    jquery插件ajax方式实现百度谷歌文本框糊模查询 文本框的糊查询,支持本地数据源和ajax异步数据请求 支持文本框的状态,如果不是手工输入,而是通过选择到文本框的值,将可取到selected属性为true 前面上传的控件...

    vue-multiselect:Vue.js的通用selectmultiselecttagging组件

    可能是没有jQuery的Vue.js 2.0最完整的选择解决方案。 文献资料 访问: 赞助商 金 银 青铜 特点 没有依赖 单选 多选 标记 下拉菜单 筛选 搜索建议 逻辑分为混合 基本组件和对自定义组件的支持 V模型支持 Vuex支持...

    python入门到高级全栈工程师培训 第3期 附课件代码

    06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的...

    selectize:从 https 分叉

    Selectize 是一个可扩展的基于 jQuery 的自定义 &lt;select&gt; UI 控件。 它可用于标记、联系人列表、国家/地区选择器等。 它的时钟约为 7kb(gzipped)。 目标是通过干净且强大的 API 提供可靠且可用的体验。 ...

    基于Flask的Python全国招聘岗位就业可视化系统源码+项目部署说明+详细注释.zip

    * 6 如何运行:先运行utils,提前进行数据采集、数据清洗、数据存储操作,之后更改app修改好`datatable`和`job_name`,这部分信息务必与utils中输入的保持一致(因为发现app一运行的话就会直接给出网页,所以没法在...

    精通AngularJS part1

    jQuery与AngularJS39 苹果与橙子40 窥视未来41 14总结41 第2章构建与测试43 21介绍示例应用44 熟悉问题领域44 技术栈45 持久化存储46 MongoLab46 服务器端环境47 第三方JavaScript库48 BootstrapCSS48 ...

    基于Flask的Python全国招聘岗位就业可视化系统源码+项目说明.zip

    - [x] 6 如何运行:先运行utils,提前进行数据采集、数据清洗、数据存储操作,之后更改app修改好`datatable`和`job_name`,这部分信息务必与utils中输入的保持一致(因为发现app一运行的话就会直接给出网页,所以...

    Java学习笔记-个人整理的

    {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...

    ExtAspNet_v2.3.2_dll

    -增加示例(data/tree_select_run.aspx),如何选中当前节点的所有子节点(feedback:wjl_wjl520)。 +TreeNode的属性NodeId被重命名为NodeID,这是ExtAspNet中的一个命名约定。 -同时更名的还有GridColumn的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加示例(data/tree_select_run.aspx),如何选中当前节点的所有子节点(feedback:wjl_wjl520)。 +TreeNode的属性NodeId被重命名为NodeID,这是ExtAspNet中的一个命名约定。 -同时更名的还有GridColumn的...

Global site tag (gtag.js) - Google Analytics