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轻松实现清新 Loading 效果的简单实例
Jun 06 HTML / CSS
CSS3教程(9):设置RGB颜色
Apr 02 HTML / CSS
浅谈CSS3 动画卡顿解决方案
Jan 02 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
Apr 12 HTML / CSS
CSS3实现淘宝留白的方法
Jun 05 HTML / CSS
video结合canvas实现视频在线截图功能
Jun 25 HTML / CSS
html5使用canvas绘制一张图片
Dec 15 HTML / CSS
HTML5的一个显示电池状态的API简介
Jun 18 HTML / CSS
HTML5 body设置自适应全屏
May 07 HTML / CSS
amazeui 验证按钮扩展的实现
Aug 21 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
Aug 02 HTML / CSS
flex弹性布局详解
Mar 20 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
PHP遍历二维数组的代码
2011/04/22 PHP
php array_walk() 数组函数
2011/07/12 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
2015/08/24 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
python实现简单的socket server实例
2015/04/29 Python
使用PyCharm配合部署Python的Django框架的配置纪实
2015/11/19 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
python的dataframe转换为多维矩阵的方法
2018/04/11 Python
Python使用指定端口进行http请求的例子
2019/07/25 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
大学生饮食连锁店创业计划书
2014/01/17 职场文书
工作室成员个人发展规划范文
2014/01/24 职场文书
师德个人剖析材料
2014/02/02 职场文书
《蜗牛》教学反思
2014/02/18 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
职工小家建设活动方案
2014/08/25 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
卫生主题班会
2015/08/14 职场文书
MySQL表字段数量限制及行大小限制详情
2022/07/23 MySQL