jQuery实现标签子元素的添加和赋值
来源:互联网 发布:淘宝手机助手好用吗 编辑:程序博客网 时间:2024/06/05 07:04
一、在jsp页面中定义<select>标签,如下:
<div><span>科室:</span><select class="dept-name-show" style="width: 70%;"></select></div>
二、编写js语句:
<script> $(function () { var dname = $(".dept-name-show").eq(0);//选定<select>标签 var url = "${pageContext.request.contextPath}/getDepts.do";//请求路径 $(".dept-name-show").click(function () { $.get( url, function (res) { var len = res.length; var op = dname.children().length; if (op < len) { var pp = "<option></option>"; for (var i = 0; i < len; i++) { dname.append(pp); dname.children().eq(i).text(res[i].name); } } } ) }) })</script>
三、编写对应的请求语句:
List<Dept> deptList=null;@RequestMapping(value = "/getDepts",method = {RequestMethod.GET})public void getDepts(HttpServletResponse response) throws IOException { response.setCharacterEncoding("utf-8"); response.setContentType("text/json;charset=utf-8"); if (deptList == null){ deptList = deptService.findAllDepts(); }else { String res=JSON.toJSONString(deptList); response.getWriter().write(res); }}
四、实现效果如下:
0 0
- jQuery实现标签子元素的添加和赋值
- jquery-创建元素和添加子元素
- jquery在子窗口获取、赋值父窗口的元素
- Jquery实现点击子元素标签只触发子元素点击事件,不触发父元素点击事件
- jquery动态添加带有样式的HTML标签元素
- jquery 获取动态添加后子节点的元素个数
- JQuery DOM元素的删除和添加
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- jquery对表单元素的取值和赋值
- IOException while loading persisted sessions
- Android异常—捕获并保存到SD卡中
- Excel VBA Table Tools / DB facilities
- 常见机器学习算法比较
- 调用scanf函数的一个陷阱
- jQuery实现标签子元素的添加和赋值
- Linux TCP_DEFER_ACCEPT的作用
- C++ algorithm
- struts2 validation.xml 验证
- 视图容器ViewPager简单操作
- 安卓仿微信录音功能实现
- halcon与VS2013的配置
- android效果TapBarMenu绘制底部导航栏的使用方式
- 怎样注册破解MyEclipse(绝对有效)?