精华内容
下载资源
问答
  • JavaScript如何获得input元素value

    万次阅读 多人点赞 2015-04-10 10:43:08
    在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话多说了,下面那就来看看我说的...

    在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧: 
    方法一、 

    <html>  
     <head>  
     <script language="javascript">  
      function print(){  
       var a=myform.name.value;  
       alert(a);  
      }  
     </script>  
     </head>  
     <body>  
      <form name="myform">  
       <input type="text" name="name" id="nn" />  
       <input type="button" name="button" value="获取" onclick="print()" />  
      </form>    
     </body>  
    </html>  

    这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。 

    方法二、 

    JS代码  
    <html>  
     <head>  
     <script language="javascript">  
      function print(){  
       var a=document.getElementById("nn").value;  
       alert(a);  
      }  
     </script>  
     </head>  
     <body>  
      <form>  
       <input type="text" name="name" id="nn" />  
       <input type="button" name="button" value="获取" onclick="print()" />  
      </form>    
     </body>  
    </html>  

    展开全文
  • input输入框可以获取到document.getElementById的Element元素但其中输入的value值却获取不到。 // html 中 <input type="text" name="InputContent" id="inputText" class="txt"> <input class="send ...

    input输入框可以获取到document.getElementById的Element元素但其中输入的value值却获取不到。

    // html 中
    <input type="text" name="InputContent" id="inputText"  class="txt">
    <input class="send btnStlye" type="button" value="发送" id="send">
    
    // JavaScript 中
    var inp = document.getElementById("inputText");
    var sendBtn = document.getElementById("send");
    sendBtn.addEventListener("click", sendMsg);
    function sendMsg(){
        console.log(inp);                // <input type="text" name="InputContent" id="inputText" class="txt">
        console.log(inp.value);          // ''
    }

    一开始我考虑到的原因可能有以下两种:

    1. id值有重复
    2. 关键字不起作用

    后来发现都不是,而是另有原因:

    // html 中
    <input type="text" name="InputContent" id="inputText"  class="txt">
    <input class="send btnStlye" type="button" value="发送" id="send">
    
    // JavaScript 中
    var sendBtn = document.getElementById("send");
    sendBtn.addEventListener("click", sendMsg);
    function sendMsg(){
        var inp = document.getElementById("inputText");
        console.log(inp);                // <input type="text" name="InputContent" id="inputText" class="txt">
        console.log(inp.value);          // '123456'
    }

    可见,这是由于——作用域不同:

    • 若在全局作用域(window)获取id是inputText的元素的value,在事件侦听函数sendMsg中就只可以获取到document.getElementById的Element元素但其中输入的value值却获取不到。
    • 若在局部作用域(sendMsg函数中)获取id是inputText的元素的value,在事件侦听函数sendMsg中就即可以获取到document.getElementById的Element元素又可以获取到其中输入的value值。
    展开全文
  • $.serializeArray()获取不到inputvalue

    千次阅读 2019-05-20 16:35:30
    今天修改成form提交 发现有几个input里面的value获取不到,搜了一下原因是:$.serializeArray()获取不到disabled的值 如果想要让input元素变为不可用,可以把input设为readonly,而不是disabled; <input name...

    今天修改成form提交 发现有几个input里面的value值获取不到,搜了一下原因是:$.serializeArray()获取不到disabled的值

    如果想要让input元素变为不可用,可以把input设为readonly,而不是disabled;

    <input name="settlementName" id="realname" class="zcinput" type="text" readonly="readonly" value=""></div>

    转载一种情况,未确认暂留。‘还有一种情况获取不到值,当页面中有两个一样name值的标签的时候,即使其中一个name值的input的样式为 display:none; 依然获取不到。’

    展开全文
  • 今天修改form表单,发现有好几个input值保存不上,上网搜索了一下是$.serializeArray()获取不到disabled的值。如果想要让input元素变为不可用,可以把input设为readonly,而不是disabled; 如果想让input元素变为不...

    今天修改form表单,发现有好几个input值保存不上,上网搜索了一下是$.serializeArray()获取不到disabled的值。如果想要让input元素变为不可用,可以把input设为readonly,而不是disabled;

    如果想让input元素变为不可用,可以把input设为readonly,而不是disabled。

    <input name="settlementName" id="realname" class="zcinput" type="text" readonly="readonly" value="">

    还有就是可以使用插件,插件应该是把兼容模式这个问题解决了。

    可以参考我的博文jquery.serializejson.min.js的妙用

     

    转载于:https://www.cnblogs.com/shj-com/p/11433341.html

    展开全文
  • jq获取不到input标签的value

    千次阅读 2019-12-04 15:58:09
    var password = $('#inputPassword').val(); var repeatPassword = $('#repeatInputPassword').val(); function checkPassword() { alert(password); alert(repeatPassword); debugger; if (password !== ...
  • uniapp input 绑定@input事件,华为手机获取不到value值 <input type="text" @input="name" placeholder="请输入姓名"/> 修改为: <input type="text" @blur="name" placeholder="请输入姓名"/> 但是...
  • 刚开始接触jquery,很多东西熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取
  • layui form input获取不到

    万次阅读 2018-07-11 10:37:21
    layui form 如果使用submit,input的值用$(elem).val()获取不到。只能用submit回调里的data,把input附上name.data里就会用input的值
  • 页面代码: ...很多时候,,,页面上input标签中的value需要通过javascript动态设置其值:document.getElementById('testid').value='test value';...通过document....这就达不到我们想要的效果。。。。。
  • 下面后台得不到值 &lt;input name=“booktypeno1” type="" value="${b.booktypeno }" disabled=“disabled” 更改为下面这样就可以 &lt;input name=“booktypeno1” type=""...
  • 错误代码 <tbody id="beijianList"> <tr> <td class="center" style="background-...input id="planMoney${vs.index+1}" style="width:90%;" value="${var.PE_COUNT}" " /> </td> <tr&
  • 各位大神好,![图片说明](https://img-ask.csdn.net/upload/201507/21/1437447952_906090.png) 怎么用jq获取这个input里的value值啊,我用的是$(".st").attr("value");但是获取出来的是空,这是什么原因啊,请指教
  • 相信有很多刚进入小程序这一行的时候会遇到很多的坑,其中有一个就是怎么都获取不到input输入框里面的内容,今天来再说一下这个value如何获取到。 小程序input组件上有一个方法上有一个方法叫做bindinput 现在来...
  • input value值的实时监听

    千次阅读 2016-12-01 15:21:08
    oninput,onpropertychange,onchange的用法 onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur); onpropertychange的话,...
  • <input type="text" bindinput="input" /> <button bindtap="btnClick">点击</button> ` ... inputVal:null ... input(e){ ... inputVal:e.detail.value }) }, btnClick(){ console.
  • hidden  获取不到,但是alert()出来有值! 获取到: 区别竟然在”Value“与”value“,一个晚上白白浪费了!!!!!!! 我不知道这是不是根本原因!
  • oninput只在用户输入值改变时触发(即value改变),并非所有属性改变时触发,而且,通过js改变value时,oninput不会触发。这下郁闷了。好不容易看到点希望,又再次陷入了失望,还好没有绝望……哎,浏览器兼容问题...
  • 问题: th:value无法取设置的value,在浏览器中value显示为空,根本没有传后端,所以数据库也没有存sex <div class="layui-input-block"> <input type="radio" th:value="${sysUser.sex}" name="sex...
  • 需求:动态复制 input 标签 另一个 标签内 发现复制的结果inputvalue可变 要求:当源input标签的值改变时,复制的目的标签的值也要改变 方法: 1号 2号 复制 ...
  • inputvalue属性值,页面显示与html结构中一致。
  • input type="text" id="express_num" value="2222" readonly style="opacity: 0;position: absolute;z-index:-1"> //复制快递单号 function copy_express_num(){ var express_num = document.getElementById...
  • React-Native填坑之TextInput value属性

    万次阅读 2016-12-22 20:40:11
    TextInput用法就多讲了,主要记录下遇到的一个怪问题。  背景:项目需要开发一个充值页面,需要一个输入框,然后几个按钮,输入框是允许用户自己输入任意金额,按钮是可以让用户快捷选择金额。  那么...
  • 问题描述:input输入内容,查看...如果我想获取到这个变化,应该如何处理呢? 解决办法:(jquery实现) (function ($) { var oldHTML = $.fn.html; $.fn.formhtml = function () { if (arguments.length) ...
  • 关于jquery获取inputvalue问题

    千次阅读 2010-06-02 00:58:00
    刚开始接触jquery,很多东西熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取值 后来终于在伟大的百度帮助下,找到了问题的原因:$("")是一个jquery对象,而不是一个dom element value...
  • 关于jquery获取inputvalue问题

    千次阅读 2009-06-02 17:23:00
    刚开始接触jquery,很多东西熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取值 后来终于在伟大的百度帮助下,找到了问题的原因:$("")是一个jquery对象,而不是一个dom element value...
  • 今天继续完善项目,实现的功能为通过前端传入的ID值修改员工的其他信息,发现动态获取ID值并以只读方式显示在输入框中取不到值,于是参考他人的项目发现如下问题: 图一为修改超链接,传入参数为对象获取的id,...
  • 获取value的值 本来吧打算归于常见效果,但是发现这个对我印象很深刻,就单独挑出来...input maxlength="7" type="text" bindinput='btnValue' placeholder="请输入内容" value="{{inputvalue}}" /></view>

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 415,698
精华内容 166,279
关键字:

input的value获取不到