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特效之动画:animation的应用
May 09 HTML / CSS
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
Jan 12 HTML / CSS
使用css3做0.5px的细线的示例代码
Jan 18 HTML / CSS
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
Mar 14 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
Sep 26 HTML / CSS
利用html5 canvas破解简单验证码及getImageData接口应用
Jan 25 HTML / CSS
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
Jan 30 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 HTML / CSS
基于HTML5代码实现折叠菜单附源码下载
Nov 27 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
Mar 19 HTML / CSS
html5响应式开发自动计算fontSize的方法
Jan 13 HTML / CSS
HTML页面点击按钮关闭页面的多种方式
Dec 24 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注入点构造代码
2008/06/14 PHP
PHP 身份证号验证函数
2009/05/07 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
Javascript 继承实现例子
2009/08/12 Javascript
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
Bootstrap提示框效果的实例代码
2017/07/12 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
js实现select下拉框选择
2020/01/11 Javascript
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
Python爬豆瓣电影实例
2018/02/23 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
Python IDLE清空窗口的实例
2018/06/25 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
Python 占位符的使用方法详解
2019/07/10 Python
PyTorch中topk函数的用法详解
2020/01/02 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
超市中秋节促销方案
2014/03/21 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
出差报告格式模板
2014/11/06 职场文书
房地产财务经理岗位职责
2015/04/08 职场文书
Centos系统通过Docker安装并搭建MongoDB数据库
2022/04/12 MongoDB