`

jquery解析json拼接到下拉框(含jar包)

阅读更多
                                jquery解析json拼接到下拉框
      js或jquery解析json是我们工作中经常碰到的,但是大家作为后台工程师可能知道js能解析json,但是往往记不牢,在此记录供自己或大家参考,谢谢!
ajax请参考http://patronli.iteye.com/admin/blogs/2324171
jquery解析xml拼接到下拉框http://patronli.iteye.com/blog/2383737


1、后台代码(生成json数组):
List<CityModel> cms=new ArrayList<>();//list数组
JSONArray ja=JSONArray.fromObject(citys);;//将数组转换成json数组

2、前台代码(js部分)
var city=$("#city");
var info=[{"cid":1,"cname":"东城区"},{"cid":2,"cname":"西城区"}];
//假设info就是后台通过ajax方式传递过来的json数据
var json=eval(info);//将json字符串换成可解析的数组
for (var i = json.length - 1; i >= 0; i--) {//循环数组的美一个对象
        city.prepend("<option>"+ json[i].cname +"</option>");//拼接
 };

3、前台代码(jsp部分)
<select id="city" name="city">
	<option value="0">--请选择--</option>
 </select>


附件为 生成json所需的包
分享到:
评论

相关推荐

    二级关联下拉框jquery+ json java jsp

    4. 在jQuery的Ajax回调函数中,解析接收到的JSON数据,动态创建并填充二级下拉框的选项。 5. 更新二级下拉框,显示对应的一级类别下的子类别。 这个项目涉及到前端与后端的交互,需要熟练掌握jQuery的DOM操作和Ajax...

    json+select 下拉框级联菜鸟

    JSON(JavaScript Object Notation)和Select元素在网页开发中经常被用来构建动态的、交互式的用户界面,特别是在处理级联下拉框时。级联下拉框是指一个下拉框的选择会影响另一个下拉框的选项,这样的设计可以提高...

    jquery+html自定义select下拉框,下拉框美化

    本文将详细介绍如何使用jQuery和HTML来创建自定义的下拉框,并对其进行美化和优化。 首先,我们要明白HTML的`&lt;select&gt;`元素是用于创建选项列表的标准方式,但其默认样式通常比较单一,无法满足多样化的界面设计需求...

    JQuery + Servlet +Json实现下拉框级联

    3. **处理Ajax响应**:在JQuery的`success`回调函数中,解析接收到的JSON数据,并更新城市下拉框的选项。 4. **部署和测试**:将Servlet配置到服务器,确保JQuery库和json-lib-2.4-jdk15.jar在项目类路径中,然后在...

    jquery实现的多选下拉框

    《jQuery实现的多选下拉框深度解析》 在网页开发中,为了提供更好的用户体验,我们经常需要使用到多选下拉框。jQuery库为我们提供了丰富的功能,使得创建交互式的多选下拉框变得轻而易举。在这里,我们将深入探讨...

    JQuery 年月日三级下拉框联动

    一个直制的JQuery 年月日三级下拉框联动 使用方法非常简单 &lt;title&gt;JQuery 年月日三下拉框联动 &lt;script src="jquery-1.4.2.min.js" type="text/javascript"&gt; ...

    jquery模拟div多选checkbox下拉框

    1. **jQuery选择器和DOM操作**:在创建这个下拉框时,jQuery的选择器会用于选取特定的DOM元素,例如`&lt;div&gt;`和`&lt;input type="checkbox"&gt;`。同时,jQuery提供了丰富的DOM操作方法,如`.append()`用于添加元素,`....

    jquery获取后台数据生成下拉框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery结合Ajax技术从后台获取数据,并动态生成下拉选择框(Dropdown List)。 首先...

    jQuery带搜索功能的下拉框,可以动态添加数据,实现级联效果

    jQuery带搜索功能的下拉框,可以动态添加数据,实现级联效果。效果图参看博客:https://blog.csdn.net/BigBoySunshine/article/details/88293931

    jQuery自定义下拉框 jQuery自定义下拉框网页特效.zip

    在jQuery自定义下拉框的实现中,可能涉及到以下技术点: 1. **事件绑定**:使用`.on()`方法绑定`click`事件,监听下拉框的开闭。 2. **DOM操作**:通过`.append()`、`.html()`等方法动态添加或修改下拉选项。 3. **...

    jquery_ztree树形下拉框.rar

    《jQuery zTree——构建树形下拉框的详解与应用》 在Web开发中,为了提升用户体验和界面的交互性,我们常常会遇到需要展示层级结构数据的情况,这时树形控件便显得尤为重要。jQuery zTree是一款基于jQuery的优秀...

    jQuery支持模糊查询下拉框菜单选择代码

    本主题聚焦于"jQuery支持模糊查询下拉框菜单选择代码",这是一个常见需求,尤其是在构建交互式网页应用时。下面将详细阐述相关知识点。 一、jQuery基础 jQuery的核心理念是“Write Less, Do More”,它通过简洁的...

    jquery动态创建联动下拉框

    总结来说,使用jQuery动态创建联动下拉框涉及的主要知识点包括:DOM操作(如`val()`、`on()`、`empty()`、`append()`),Ajax请求(`$.ajax()`或`$.get()`),以及JSON数据的解析和处理。通过这些技术,我们可以构建...

    JQuery年月日三级下拉框联动

    在网页开发中,有时我们需要创建一个用户友好的界面来选择日期,这通常涉及到年、月、日的三级下拉框联动。"JQuery年月日三级下拉框联动"就是一个解决此类需求的方案,它利用JavaScript库JQuery的便利性和高效性,...

    基于jquery+json的通用三级联动下拉列表.rar

    3. **jQuery初始化**:加载页面后,使用jQuery解析JSON数据并填充第二级和第三级下拉列表的初始选项。 4. **事件绑定**:为第一个下拉列表绑定`change`事件,当选项改变时,使用jQuery获取新的选中值,遍历JSON数据...

    jquery和json结合实现ajax

    本教程将详细讲解如何利用jQuery和JSON实现AJAX功能,以创建一个自动下拉框效果,具体到在Eclipse开发环境下进行实践。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等复杂任务。...

    jquery下拉框集成搜索功能

    在本主题中,我们将探讨如何在jQuery下拉框(Select元素)中集成搜索功能,以便用户能更高效地找到所需选项。这个功能在大型数据集或分类繁多的下拉菜单中尤其有用。 首先,我们需要理解jQuery的基本用法。jQuery...

    JQuery+年月日三级下拉框联动

    在网页开发中,"JQuery+年月日三级下拉框联动"是一个常见的交互设计,主要用于用户输入日期的场景,例如填写表单时选择出生日期。这个设计涉及到JavaScript库JQuery的使用,以及HTML下拉框(select)的动态联动效果...

    基于jQuery+JSON的省市联动效果

    省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市

    jquery 省市联动下拉框

    标题中的“jquery 省市联动下拉框”是指在网页设计中,使用jQuery库实现的一个功能,允许用户从一个下拉框选择省份后,另一个下拉框会自动更新为对应省份的城市列表。这种功能常见于需要用户输入详细地址的表单中,...

Global site tag (gtag.js) - Google Analytics