设为首页收藏本站
天天打卡

 找回密码
 立即注册
搜索
查看: 135|回复: 10

html中两种获取标签内的值的方法

[复制链接]

2

主题

45

回帖

135

积分

注册会员

积分
135
发表于 2024-4-20 08:06:04 | 显示全部楼层 |阅读模式
获取标签中value的值

使用的javascript获取,所以肯定是包含在< script >标签里的,也需要引入jquery
标签示例:
  1. <input id="goodsCount" type="text" size="2" readonly="readonly" class="num-text" value="#{num}">
复制代码
获取其中value的值:
  1. //$("#goodsCount"),括号内的值为id选择器,对应着标签的id
  2. //使用.val(),可以获取该value的值
  3. $("#goodsCount").val();

  4. //如果需要传值进去,在括号内写入需要传入的值即可,就如下
  5. $("#goodsCount").val(json.data);
复制代码
获取标签中间的值

标签示例:
  1. <span id="goodsPrice">#{singlePrice}</span>
复制代码
获取标签中间的值:
  1. //使用id选择器可以获取上上述标签中的#{singlePrice}
  2. //class选择器应该也可以,但我没试过
  3. let price = $("#goodsPrice").html();

  4. //如果需要传值进去,在括号内写入需要传入的值即可,就如下
  5. $("#goodsPrice").html(totalPrice);
复制代码
到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,更多相关html获取标签值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
  • 打卡等级:偶尔看看
  • 打卡总天数:11
  • 打卡月天数:0
  • 打卡总奖励:246
  • 最近打卡:2024-07-22 00:46:02

22

主题

45

回帖

1118

积分

金牌会员

积分
1118
发表于 2024-4-27 00:30:53 | 显示全部楼层
每日一回

2

主题

39

回帖

123

积分

注册会员

积分
123
发表于 2024-4-27 06:37:36 | 显示全部楼层
保持尊重和礼貌对待其他成员是必要的。

1

主题

54

回帖

132

积分

注册会员

积分
132
发表于 2024-6-12 14:03:07 | 显示全部楼层
我不确定这个信息的准确性,请再确认一下

0

主题

39

回帖

79

积分

注册会员

积分
79
发表于 2024-7-6 06:10:06 | 显示全部楼层
看了LZ的帖子,我只想说一句很好很强大!

3

主题

54

回帖

176

积分

注册会员

积分
176
发表于 2024-7-8 13:03:07 | 显示全部楼层
这个话题很有趣,我想多了解一些

2

主题

49

回帖

143

积分

注册会员

积分
143
发表于 2024-8-7 05:42:17 | 显示全部楼层
这个话题真是有趣,我也对它感兴趣。

1

主题

60

回帖

144

积分

注册会员

积分
144
发表于 2024-8-7 13:49:24 | 显示全部楼层
同意你的观点,我们有共鸣。

0

主题

44

回帖

88

积分

注册会员

积分
88
发表于 2024-10-15 08:58:26 | 显示全部楼层
保持尊重和礼貌对待其他成员是必要的。
  • 打卡等级:无名新人
  • 打卡总天数:1
  • 打卡月天数:0
  • 打卡总奖励:20
  • 最近打卡:2024-04-26 21:44:15

2

主题

62

回帖

187

积分

注册会员

积分
187
发表于 2024-10-29 03:06:47 | 显示全部楼层
这个话题很有趣,我想多了解一些
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2024-11-15 11:27 , Processed in 0.097266 second(s), 26 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表