js取出并修改span标签里的值(title)

news/2024/7/19 14:07:54 标签: js, java

需求

详情页,某字段A,数据库中存的是编码,显示到页面上要—此编码+对应的名称

实现

  1. 统一风格前端是span表示的,如下(修改前):此时显示的${mainObject.A}是编码
javascript"><td>
	<div>
	<span>
		<strong>A字段:</strong>
		<span title="${mainObject.A}" id="Acode"> 
			${fns:abbr(mainObject.A,32)}
		</span>
	</span>
	</div>
</td>
  1. 修改后span表示的,如下
javascript"><td>
	<div>
		<span>
			<strong>A字段:</strong>
			<span title="${mainObject.A}" id="Acode" />
		</span>
	</div>
</td>
  1. 修改后 新增一个异步查询名称,再拼接后给span重新赋值,如下
javascript"><script type="text/javascript">
	window.onload=getName;//页面加载完执行(为了加载出编码,要根据编码查询)
	function getName(){
		 var code = document.getElementById("Acode").title //取出title值
		 if(code == '' || null == code){
			 return
		 }else{
			$.ajax({
					url: '${xxx}/xxx/xxx/getCodeNameByCode',
					type: "POST",
					data:{'code':code},
					success: function (data) {
						var code = data.code;
						var codeName = data.codeName;
						var allName = codeName +"_"+code;
						document.getElementById("Acode").innerText = allName; //给title赋值
					}
			   });
		 }
	}
</script>

http://www.niftyadmin.cn/n/1664865.html

相关文章

ASP.NET 2.0主题和皮肤实现网站美化--转载

来源:http://edu.itbulo.com/200607/102356.htm主题和外观是ASP.NET 2.0 中的新增功能, 使用 ASP.NET 2.0 的“主题和外观”功能&#xff0c;可以将样式和布局信息分解为单独的文件组&#xff0c;统称为“主题”。然后&#xff0c;主题可应用于任何站点&#xff0c;影响站点中页…

实验12 ICMP 协议程序设计

实验7 ICMP 协议程序设计 实验要求&#xff1a; 1 根据ICMP 协议&#xff0c;编写一个类似ping 的程序&#xff0c;具体的要求是&#xff1a;程序发出一个ICMP 包到 目的IP&#xff0c;然后等待接收回应的包&#xff08;echo&#xff09;。 2 根据ICMP 协议&#xff0c;向一个固…

【Atcoder】ARC 080 E - Young Maids

【算法】数学堆 【题意】给定n个数的排列&#xff0c;每次操作可以取两个数按序排在新序列的头部&#xff0c;求最小字典序。 【题解】 转化为每次找字典序最小的两个数按序排在尾部&#xff0c;则p1和p2的每次选择都必须满足&#xff1a;p1在当前序列的奇数位置&#xff0c;p2…

*剑指offer 046、孩子们的游戏(圆圈中最后剩下的数)

剑指offer 046、孩子们的游戏&#xff08;圆圈中最后剩下的数&#xff09; 题目 题解 来自力扣大佬Sweetiee的小号 的解法 第二张图可能不容易理解&#xff0c;再看一个非常清晰的解析 class Solution { public:int LastRemaining_Solution(int n, int m) {if(n < 0 || m …

java反射实例:动态获取不同实体类+动态跳转不同实体类页面(SSM框架layui前端oracle数据库)

需求&#xff1a; 1. 最终信息汇总示例图 2. 上图中点击新增&#xff0c;到下拉框1 和 2 选择后跳转到下图红色或蓝色等不同页面录入不同信息保存后回到图1汇总 需求说明 下拉框1号选择不同&#xff0c;下拉框2号里的内容不同&#xff08;二级联动&#xff0c;此处用数据库配…

堆排序基础讲解(代码+注释)

首先&#xff0c;推荐一下《算法导论》的第六章—堆排序&#xff0c;在网上找了很多资料&#xff0c;发现还是这本圣经最给力。大家学堆排序一定要去看看&#xff0c;不然是一种浪费。如果大家没有&#xff0c;可以去网上下载英文版(chm版)的&#xff0c;既清晰又适合阅读。 其…

【数据结构学习笔记】10:三个最短路径算法注解

Dijkstra ①迪杰斯特拉算法&#xff1a;用于求弧上权值非负的单源点最短路径问题。用开辟好的数组dist[]和path[]分别记录到未完成点的当前最短和当前前驱。在循环中做三件事&#xff1a;①查&#xff1a;查找未完成点中哪个的路径最短&#xff0c;即为本次循环找出的最短路径…

剑指offer 047、求1+2+3+...+n

剑指offer 047、求123…n 题目 题解 class Solution { public:int Sum_Solution(int n) {int sum n;// 递归调用&#xff0c;同时利用&&操作的短路特性实现递归终止n > 0 && (sum Sum_Solution(n - 1));return sum;} };