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 中的@keyframes介绍
Sep 02 HTML / CSS
CSS3使用transition属性实现过渡效果
Apr 18 HTML / CSS
使用CSS3实现SVG路径描边动画效果入门教程
Oct 21 HTML / CSS
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
Mar 14 HTML / CSS
基于Canvas+Vue的弹幕组件的实现
Jul 23 HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
May 29 HTML / CSS
使用HTML5 Canvas API绘制弧线的教程
Mar 22 HTML / CSS
HTML5中原生的右键菜单创建方法
Jun 28 HTML / CSS
HTML5地理定位_动力节点Java学院整理
Jul 12 HTML / CSS
关于h5中的fetch方法解读(小结)
Nov 15 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
Dec 04 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
PHP4引用文件语句的对比
2006/10/09 PHP
PHP取得一个类的属性和方法的实现代码
2011/05/22 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
3种php生成唯一id的方法
2015/11/23 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
python 数据加密代码
2008/12/24 Python
用Python设计一个经典小游戏
2017/05/15 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
python实现AES和RSA加解密的方法
2019/03/28 Python
基于Python实现扑克牌面试题
2019/12/11 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
Python如何实现远程方法调用
2020/08/07 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
环境工程毕业生自荐信
2013/11/17 职场文书
大学同学会活动方案
2014/08/20 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python