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


Posted in HTML / CSS onJune 10, 2022

获取标签中value的值

使用的javascript获取,所以肯定是包含在< script >标签里的,也需要引入jquery

标签示例:

<input id="goodsCount" type="text" size="2" readonly="readonly" class="num-text" value="#{num}">

获取其中value的值:

//$("#goodsCount"),括号内的值为id选择器,对应着标签的id
//使用.val(),可以获取该value的值
$("#goodsCount").val();

//如果需要传值进去,在括号内写入需要传入的值即可,就如下
$("#goodsCount").val(json.data);

获取标签中间的值

标签示例:

<span id="goodsPrice">#{singlePrice}</span>

获取标签中间的值:

//使用id选择器可以获取上上述标签中的#{singlePrice}
//class选择器应该也可以,但我没试过
let price = $("#goodsPrice").html();

//如果需要传值进去,在括号内写入需要传入的值即可,就如下
$("#goodsPrice").html(totalPrice);

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,更多相关html获取标签值内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

 
HTML / CSS 相关文章推荐
CSS3 伪类选择器 nth-child()说明
Jul 10 HTML / CSS
彻底弄明白CSS3的Media Queries(跨平台设计)
Jul 27 HTML / CSS
css3实现图片遮罩效果鼠标hover以后出现文字
Nov 05 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
Html5插件教程之添加浏览器放大镜效果的商品橱窗
Jan 07 HTML / CSS
HTML5之tabindex属性全面解析
Jul 07 HTML / CSS
使用phonegap播放音频的实现方法
Mar 31 HTML / CSS
手机端用rem+scss做适配的详解
Nov 15 HTML / CSS
用canvas画心电图的示例代码
Sep 10 HTML / CSS
几款流行的HTML5 UI框架比较(小结)
Apr 08 HTML / CSS
CSS变量实现主题切换的方法
Jun 23 HTML / CSS
CSS子盒子水平和垂直居中的五种方法
Jul 23 HTML / CSS
html5+实现plus.io进行拍照和图片等获取
Jun 01 #HTML / CSS
基于CSS制作创意端午节专属加载特效
聊聊CSS粘性定位sticky案例解析
Jun 01 #HTML / CSS
HTML5之高度塌陷问题的解决
Jun 01 #HTML / CSS
使用CSS实现黑白格背景效果
Jun 01 #HTML / CSS
HTML中实现音乐或视频自动播放案例详解
May 30 #HTML / CSS
CSS文本阴影 text-shadow 悬停效果详解
May 25 #HTML / CSS
You might like
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
orm获取关联表里的属性值
2016/04/17 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
基于jQuery仿淘宝产品图片放大镜特效
2020/10/19 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
javascript 网页进度条简单实例
2017/02/22 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
JS从非数组对象转数组的方法小结
2018/03/26 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
详解vue路由
2020/08/05 Javascript
深入理解Javascript中的this关键字
2015/03/27 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
用matplotlib画等高线图详解
2017/12/14 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
django多种支付、并发订单处理实例代码
2019/12/13 Python
Python如何读取文件中图片格式
2020/01/13 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
校园十大歌手策划书
2014/02/01 职场文书
职务聘任书范文
2014/03/29 职场文书
槐乡的孩子教学反思
2014/04/27 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
2014年环保局工作总结
2014/12/11 职场文书
赢在执行观后感
2015/06/16 职场文书