1.如何用jquery获取<input id="test" name="test" type="text"/>中输入的值？

方法一：

  1. $("#test").val()

方法二：

  1. $("input[name='test']").val()

方法三：

  1. $("input[type='text']").val()

方法四：

  1. $("input[type='text']").attr("value")

2.当 input type="hidden" 的值发生改变时，触发自定事件，获取改变后的值

demo_1.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Document</title>
  6.   <script src="jquery-1.8.2.js"></script>
  7. </head>
  8. <body>
  9.   <input type="text" name="current" />
  10.   <input type="hidden" name="hidden" value="0">
  11.  
  12.   <script>
  13.     $("input[type='text']").on('input',function(){
  14.       var currentVal = $("input[type='text']").val();
  15.       // 触发 改变 input type="hidden" 的值
  16.       $("input[type='hidden']").trigger('input:changed', currentVal);
  17.     })
  18.     // 给 input type="hidden" 添加自定义事件
  19.     $("input[type='hidden']").on('input:changed', function (e, val) {
  20.       // 获取 input type="hidden" 的值
  21.         console.log(val);
  22.     });
  23.   </script>
  24. </body>
  25. </html>

demo_2.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Document</title>
  6.   <script src="jquery-1.8.2.js"></script>
  7. </head>
  8. <body>
  9.   <input type="text" name="current" />
  10.   <input type="hidden" name="hidden" onpropertychange="changeVal()" value="0">
  11.  
  12.   <script>
  13.     $("input[type='text']").on('input',function(){
  14.       // 触发绑定方法
  15.       changeVal();
  16.     })
  17.     // 给 input type="hidden" 添加 onpropertychange事件
  18.     function changeVal(){
  19.       // 获取当前值
  20.       console.log($("input[type='hidden']").val()); // 0
  21.     }
  22.   </script>
  23. </body>
  24. </html>

.

当 外部 input 值的改变，获取 当前 input type="hidden" 的值的更多相关文章

  1. 小程序中监听textarea或者input输入的值动态改变data中数组的对象的值

    Page({ data: { todoLists:[ { detail:"", date:"", location:"", priority ...

  2. js让text值不可改变，同<input type="text" readonly="readonly" />

    <input type="text" size="60"  name="j01" value="www.52jscn.com ...

  3. 当input被选中时候获取改input的多个属性值

    <input name="selectTicket" class="selectTic" data-property="${couponDeta ...

  4. c#获取DataTable某一列不重复的值，或者获取某一列的所有值

    实现该功能是用了DataView的筛选功能,DataView表示用于排序.筛选.搜索.编辑和导航的 DataTable 的可绑定数据的自定义视图. 这里做了一个简单易懂的Demo来讲述该方法. 1.建 ...

  5. js/jquery获取文本框的值与改变文本框的值

    我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtb ...

  6. js 获取、清空 input type="file"的值 .（转）

    上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的 ...

  7. 总结：如何获取同一个DIV里的多个不同子标签的值，并赋值给input？

    这个问题说起来简单,但对于新手来说,也着实卡了好久,并且我在网上搜了好久没能找到合适的答案, 于是去博问问了一下,得到许多大神们的帮助与回答,接下来我就总结一下能够实现这个效果的几种方法,既为了自己更 ...

  8. PHP遍历文件夹下的文件和获取到input name的值

    <?php$dir = dirname(__FILE__); //要遍历的目录名字 ->当前文件所在的文件夹//$dir='D:\PHP\wamp\www\admin\hosts\admi ...

  9. jQuery 获取和设置type为hidden的input的值

    HTML代码 <input type="hidden" name="type" id="type" value="1&quo ...

随机推荐

  1. Python_编程题集_001_词法解析

    1.词法解析: 我的是名字是ths,今年18岁 语法分析后得到结果如下: 数字:18 中文:我的名字是 今年 岁 拼音:ths 符号:,. 请编写程序实现该词法分析功能 string模块解: impo ...

  2. Verilog学习笔记基本语法篇（三）·········赋值语句（待补充）

    在Verilog HDL语言中,信号有两种赋值方式. A)非阻塞赋值(Non-Blocking)方式(如:b<=a;) (1)在语句块中,上面语句所赋值的变量不能立即为下面的语句所用: (2)块 ...

  3. invalid LOC header (bad signature)

    [产生原因] 本地maven仓库相关jar存在问题. [解决方案] 删除本地maven相关jar并重新下载.

  4. cs229_part7

    PCA 问题背景 回顾一下我们特征选择中的问题.如果特征非常多,而且有一些特征是重复的,那么我们可以想办法剔除掉一些无用的特征.那里我们提到一个计算互信息的方法.那么这里换一种降维方法. 比如说这样的 ...

  5. HTML与XML的区别

    什么是HTML HTML的全拼是Hypertext Markup Language, 中文也就是超文本链接标示语言.HTML(HyperTextMark-upLanguage)即超文本标记语言,是WW ...

  6. 三、harbor部署之SSL

    1 签名证书与自签名证书 签名证书:由权威颁发机构颁发给服务器或者个人用于证明自己身份的东西. 自签名证书:由服务器自己颁发给自己,用于证明自己身份的东西,非权威颁发机构发布. 2 openssl简介 ...

  7. Python基础数据类型之字符串

    Python基础数据类型之字符串 一.Python如何创建字符串 在python中用引号将一些文本包起来就构成了字符串(引号可以是单引号.双引号.单三引号,双三引号,它们是完全相同的) >> ...

  8. centos 修改时间 计划任务

    centos 修改时间 计划任务 一,系统时间修改   1 远程连接到centos 或者直接登录系统 #date 查看系统时间 如下图所示 2 #date -s 修改时间 看下面的例子#date -s ...

  9. zoj 1760 Doubles

    Doubles Time Limit: 2 Seconds      Memory Limit: 65536 KB As part of an arithmetic competency progra ...

  10. TOJ 2353: Billiard

    数学?计算几何?物理?这个还是很轻松的. 353: Billiard  Time Limit(Common/Java):1000MS/10000MS     Memory Limit:65536KBy ...