当 外部 input 值的改变，获取 当前 input type="hidden" 的值
1.如何用jquery获取<input id="test" name="test" type="text"/>中输入的值？
方法一：
$("#test").val()
方法二：
$("input[name='test']").val()
方法三：
$("input[type='text']").val()
方法四：
$("input[type='text']").attr("value")
2.当 input type="hidden" 的值发生改变时，触发自定事件，获取改变后的值
demo_1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.8.2.js"></script>
</head>
<body>
<input type="text" name="current" />
<input type="hidden" name="hidden" value="0"> <script>
$("input[type='text']").on('input',function(){
var currentVal = $("input[type='text']").val();
// 触发 改变 input type="hidden" 的值
$("input[type='hidden']").trigger('input:changed', currentVal);
})
// 给 input type="hidden" 添加自定义事件
$("input[type='hidden']").on('input:changed', function (e, val) {
// 获取 input type="hidden" 的值
console.log(val);
});
</script>
</body>
</html>
demo_2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.8.2.js"></script>
</head>
<body>
<input type="text" name="current" />
<input type="hidden" name="hidden" onpropertychange="changeVal()" value="0"> <script>
$("input[type='text']").on('input',function(){
// 触发绑定方法
changeVal();
})
// 给 input type="hidden" 添加 onpropertychange事件
function changeVal(){
// 获取当前值
console.log($("input[type='hidden']").val()); // 0
}
</script>
</body>
</html>
.
当 外部 input 值的改变，获取 当前 input type="hidden" 的值的更多相关文章
- 小程序中监听textarea或者input输入的值动态改变data中数组的对象的值
Page({ data: { todoLists:[ { detail:"", date:"", location:"", priority ...
- js让text值不可改变，同<input type="text" readonly="readonly" />
<input type="text" size="60" name="j01" value="www.52jscn.com ...
- 当input被选中时候获取改input的多个属性值
<input name="selectTicket" class="selectTic" data-property="${couponDeta ...
- c#获取DataTable某一列不重复的值，或者获取某一列的所有值
实现该功能是用了DataView的筛选功能,DataView表示用于排序.筛选.搜索.编辑和导航的 DataTable 的可绑定数据的自定义视图. 这里做了一个简单易懂的Demo来讲述该方法. 1.建 ...
- js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtb ...
- js 获取、清空 input type="file"的值 .（转）
上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的 ...
- 总结：如何获取同一个DIV里的多个不同子标签的值，并赋值给input？
这个问题说起来简单,但对于新手来说,也着实卡了好久,并且我在网上搜了好久没能找到合适的答案, 于是去博问问了一下,得到许多大神们的帮助与回答,接下来我就总结一下能够实现这个效果的几种方法,既为了自己更 ...
- PHP遍历文件夹下的文件和获取到input name的值
<?php$dir = dirname(__FILE__); //要遍历的目录名字 ->当前文件所在的文件夹//$dir='D:\PHP\wamp\www\admin\hosts\admi ...
- jQuery 获取和设置type为hidden的input的值
HTML代码 <input type="hidden" name="type" id="type" value="1&quo ...
随机推荐
- Python contenttypes组件
介绍 Django包含一个contenttypes应用程序(app),可以跟踪Django项目中安装的所有模型(Model),提供用于处理模型的高级通用接口. Contenttypes应用的核心是Co ...
- 每周一题 3n+1问题
3n+1问题 #include<iostream> #include<math.h> #include<map> using namespace std; map& ...
- 17，时间模块 time，random模块
表示时间的三种方式 在python中,通常有着三种方式来表示时间:时间戳,元祖,格式化的时间字符串: 1,时间戳(timestamp):通常来说时间戳表示的是从1970年1月1日00:00:00开始按 ...
- [android开发篇]权限分类:正常权限和危险权限
https://developer.android.com/guide/topics/security/permissions.html#normal-dangerous 系统权限 本文内容 安全架构 ...
- [uiautomator篇] bluetooth---接口来做
package com.softwinner.performance.frameratetest; import android.Manifest; import android.bluetooth. ...
- [automator学习篇]android 接口-- bluetooth
http://www.android-doc.com/guide/topics/connectivity/bluetooth.html 本地下载的sdk 目录: D:\AndroidSdk\s ...
- 九度oj 题目1088：剩下的树
题目描述: 有一个长度为整数L(1<=L<=10000)的马路,可以想象成数轴上长度为L的一个线段,起点是坐标原点,在每个整数坐标点有一棵树,即在0,1,2,...,L共L+1个位置上有L ...
- Android自制rom，为update.zip签名
确认已经安装好openssl openssl genrsa -out key.pem openssl req -new -key key.pem -out request.pem openssl x5 ...
- redis介绍和安装（一）
Redis介绍:redis是一个key-value存储系统. 和Memcached类似,它支持存储的value类型相对更多,包括 string(字符串). list(链表).set(集合).zset( ...
- Ubuntu16.04 on ThinkPad E455 不能识别耳机 的解决方法
去年 (2016) 2月份在ThinkPad E455 上安装了Ubuntu 14.04 LTS (dual boot with Windows 10, upgraded to Ubuntu 16.0 ...