jQuery给子元素添加赋值步奏详解

这次给大家带来jQuery给子元素添加赋值步奏详解，jQuery给子元素添加赋值的注意事项有哪些，下面就是实战案例，一起来看一下。

一、在jsp页面中定义标签，如下：

<p>
<span>科室:</span>
<select class="dept-name-show" style="width: 70%;">
</select>
</p>

二、编写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);
}
}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

AngularJS实现用户修改密码功能

JS在移动端实现无限加载分页功能

Vue中v-cloak使用详解

以上是jQuery给子元素添加赋值步奏详解的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：

jquery 详解 赋值

来源：php.cn

上一篇：用jQuery实现广告滚动及淡入淡出 下一篇：jquery.picsign组件使用详解

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章

• 最新php程序员工具箱 v1.0版本介绍
  2018-06-11 11:57:34
• vue.js路由失效如何处理
  2018-06-15 15:55:18
• 怎样使用js解析数据库（附代码）
  2018-06-15 15:49:00
• 怎样在项目中使用js绑定DOM事件
  2018-06-15 15:46:15
• 怎样操作JS字符串与特殊字符
  2018-06-15 15:42:38
• 如何在项目中使用jQuery内each方法
  2018-06-15 15:40:34
• 如何利用jquery做出文件上传加载
  2018-06-15 15:39:32
• 怎样对JS原型与原型链进行使用
  2018-06-15 15:37:14
• Angular CLI+Angular 5实战项目演示
  2018-06-15 15:34:21
• 使用jQuery替换节点元素（附代码）
  2018-06-15 15:22:51

最新问题

使用 Javascript / Jquery 提交表单且不带按钮 我试图通过调用JavaScript函数并使用JQUERY/PHP执行表单来提交没有按钮的表单。我希望表单在后端静默执行，而无需重新加载页面。不幸的是，它不断返回JavaScript...

来自于 2024-04-06 14:54:03

0

2

421

如何使用 jquery 检索 HTML 数据表中未选定行的值 我试图获取所有未单击按钮的行的值。例如，当我单击第一行上的按钮时，我想检索没有单击的行的值。vartable=document.getElementById("all_d...

来自于 2024-04-05 09:26:49

0

1

1418

需要一个 jquery 脚本，根据最终用户的当前选择从选择框中移动选定的选项 我有一个HTML页面，最终用户可以通过选择框元素对我们的项目进行排名。请参阅小提琴来观看简单的演示：https://jsfiddle.net/Balkanlii/ghecv1j8/...

来自于 2024-04-04 18:40:04

0

1

3528

我已经通过书签在纯 CSS 中创建了一个元素。它已创建，但不可见 我的代码如下：g=document.createElement('div');g.setAttribute("id","divcontainer&qu...

来自于 2024-04-04 17:27:27

0

1

417

在 Safari/Firefox iOS 上无法发送表单数据 这适用于除iOS上的Safari/Firefox之外的所有平台：jQuery("#gform_1").one('submit',function(event){...

来自于 2024-04-04 12:53:48

0

1

303

相关专题

更多>

• jquery插件有哪些
• jquery怎么操作json
• jquery删除元素的方法
• jQuery hover()方法的使用
• jquery实现分页方法
• 字符串数组赋值方式
• jquery中隐藏元素是什么
• jquery中什么是高亮显示

热门推荐

• js是什么意思
• js怎么将字符串转为数组？
• javascript如何刷新页面
• js数组怎么删除某一项
• sqrt函数怎么使用

热门教程

更多>

相关教程

热门推荐

最新课程

• 
  最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

  1417313
• 
  php入门教程之一周学会PHP

  4258303
• 
  JAVA 初级入门视频教程

  2478927
• 
  小甲鱼零基础入门学习Python视频教程

  504086
• 
  PHP 零基础入门教程

  844324

• 
  最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

  1417313次学习
• 
  JAVA 初级入门视频教程

  2478927次学习
• 
  小甲鱼零基础入门学习Python视频教程

  504086次学习
• 
  Web前端开发极速入门

  215314次学习
• 
  零基础精通 PS 视频教程

  877874次学习

• 
  【web前端】Node.js快速入门

  6457次学习
• 
  国外Web开发全栈课程全集

  5076次学习
• 
  Go语言实战之 GraphQL

  4262次学习
• 
  550W粉丝大佬手把手从零学JavaScript

  634次学习
• 
  python大神Mosh，零基础小白6小时完全入门

  21711次学习

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

• [表单按钮] jQuery企业留言表单联系代码
• [播放器特效] HTML5 MP3音乐盒播放特效
• [菜单导航] HTML5炫酷粒子动画导航菜单特效
• [表单按钮] jQuery可视化表单拖拽编辑代码
• [播放器特效] VUE.JS仿酷狗音乐播放器代码
• [html5特效] 经典html5推箱子小游戏
• [图片特效] jQuery滚动添加或减少图片特效
• [相册特效] CSS3个人相册封面悬停放大特效

• [前端模板] 家居装潢清洁维修服务公司网站模板
• [前端模板] 清新配色个人求职简历引导页模板
• [前端模板] 设计师创意求职简历网页模板
• [前端模板] 现代工程建筑公司网站模板
• [前端模板] 教育服务机构响应式HTML5模板
• [前端模板] 网上电子书店商城网站模板
• [前端模板] IT技术解决互联网公司网站模板
• [前端模板] 紫色风格外汇交易服务网站模板

• [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
• [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
• [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
• [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
• [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
• [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
• [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
• [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)

• [前端模板] 家居装潢清洁维修服务公司网站模板
• [前端模板] 清新配色个人求职简历引导页模板
• [前端模板] 设计师创意求职简历网页模板
• [前端模板] 现代工程建筑公司网站模板
• [前端模板] 教育服务机构响应式HTML5模板
• [前端模板] 网上电子书店商城网站模板
• [前端模板] IT技术解决互联网公司网站模板
• [前端模板] 紫色风格外汇交易服务网站模板

关于我们 免责声明 Sitemap

PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！