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动画效果抖动解决方法
Sep 03 HTML / CSS
CSS改变网页中鼠标选中文字背景颜色例子
Apr 23 HTML / CSS
CSS3 text shadow字体阴影效果
Jan 08 HTML / CSS
探究 canvas 绘图中撤销(undo)功能的实现方式详解
May 17 HTML / CSS
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
Apr 24 HTML / CSS
HTML5中div、article、section的区别及使用介绍
Aug 14 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
Dec 31 HTML / CSS
浅谈利用缓存来优化HTML5 Canvas程序的性能
May 12 HTML / CSS
教你使用Canvas处理图片的方法
Nov 28 HTML / CSS
萌新的HTML5 入门指南
Nov 06 HTML / CSS
HTML5 drag和drop具体使用详解
Jan 18 HTML / CSS
CSS3鼠标悬浮过渡缩放效果
Apr 17 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入门教程 精简版
2009/12/13 PHP
用PHP实现弹出消息提示框的两种方法
2013/12/17 PHP
ThinkPHP入口文件设置及相关注意事项分析
2014/12/05 PHP
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
2019/10/30 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
Django + Uwsgi + Nginx 实现生产环境部署的方法
2018/06/20 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
公司庆典邀请函范文
2014/01/13 职场文书
关于是否需要写商业计划书
2014/02/07 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
《音乐之都维也纳》教学反思
2014/04/16 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书
家电创业计划书
2019/08/05 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏
MySQL数据库事务的四大特性
2022/04/20 MySQL