无法点击，无法获取inputvalue值得原因

最新推荐文章于 2022-05-30 10:49:58 发布
最新推荐文章于 2022-05-30 10:49:58 发布
阅读量297 收藏
点赞数
原文链接：http://www.cnblogs.com/obeing/p/5540360.html
版权

有时候无论你怎么点击它都没有反应可能是因为z-index值，也有可能是你在它是display：none的状态下对它进行事件绑定

input同理，在display：none的情况下进行的所有操作都是无效的，包括在display：none的情况下获取了元素在显示时去获取value值都是无效的，为空，今天亲身体会。

转载于:https://www.cnblogs.com/obeing/p/5540360.html

weixin_30532987
关注
Vue - 实现搜索框获取焦点时下方显示一个 div 容器，点击 input 输入框时底部出现下拉框容器，当失去焦点时底部容器隐藏（仿造类似百度搜索框效果，可做下拉提示搜索或热门推荐等功能）
王佳斌
10-16 1626
vue2，搜索框，element ant design vue2全局搜索框，vue网站网页项目，vue搜索框点击出现下方容器，vue搜索框获得焦点后下方出现div推荐，vue2如何实现点击搜索框时下方出现容器，vue element搜索框激活时底部显示其他内容，vue实现类似百度搜索框功能效果，vue2仿百度搜索框详细教程源码代码，input搜索框获得focus焦点时下方显示额外容器，input输入框获取焦点下面显示内容,失去焦点隐藏内容，vue输入框激活时显示下拉容器，Vue实现input输入框下拉搜索提
Vue3 - 实现搜索框获取焦点时下方显示一个 div 容器，点击 input 输入框时底部出现下拉框容器，当失去焦点时底部容器隐藏（仿造类似百度搜索框效果，可做下拉提示搜索或热门推荐等功能）
最新发布
王佳斌
10-16 2811
vue3，搜索框，element ant design vue3全局搜索框，vue3网站网页项目，vue3搜索框点击出现下方容器，vue3搜索框获得焦点后下方出现div推荐，vue3如何实现点击搜索框时下方出现容器，vue3 element搜索框激活时底部显示其他内容，vue3实现类似百度搜索框功能效果，vue3仿百度搜索框详细教程源码代码，input搜索框获得focus焦点时下方显示额外容器，input输入框获取焦点下面显示内容,失去焦点隐藏内容，vue3输入框激活时显示下拉容器，Vue3实现input输
关于js无法获取input值
weixin_38759773的博客
03-25 9036
今天被这个问题困扰了一个半小时_(:з)∠)_ 昨天写好了新建和删除角色，今儿写编辑页面，却发现新输入的值无法读了，只能读到传过来的数据（。—。 我又去检查了一下新增的页面，发现也全炸了 jsp <input type="text" placeholder="角色名称" id="roleName" value="${map.roleName}"> js大概是这种 ...
.jsp页面提交form表单，后台却无法获取input文本框value值
草巾冒小子的博客
10-17 4435
奇葩bug总结：input提交，后端获取不到value问题 示例代码： 效果截图 · 对比： 以上就是关于“ java后端jsp页面input disabled="disabled"表单提交，后端无法print获取该input的value值 ” 的全部问题。 ...
jquery中form表单获取文本输入框value值失败的问题
sober
07-25 771
jquery中form表单获取文本输入框值失败的问题 问题描述： 只能获取input标签中固定写的value的值，使用jquery获取是空串。 问题原因 在点击获取数据前 先调用了一个数据清空，导致在获取数据的时候是空串。 总结 表单数据获取的时候，如果是页面加载好直接获取，就是空串，需要将函数定义在页面加载完成之后，再者，如果调用前使用了其他函数，最好看看是否对数据进行了其他更改 ...
点击input，value值消失
flyqingfei的博客
03-13 9394
这是默认的状态： 这是点击后的状态：
input框输入的值无法获取
weixin_46389242的博客
05-30 2007
let res = document.getElementById('pjContent1') res.oninput=function(){ contentValue=res.value } 在Django admin中的前端文件中插入input框，结果一直取不到input里面输入的值，通过上述方法可以实现取值
jQuery操作DOM之获取表单控件的值
10-24
var inputValue = $('#my-input').val(); // 取得选项列表的当前值 var selectValue = $('#my-select').val(); // 设置单选列表的值 $('#my-single-select').val('value3'); // 设置多选列表的值 $('#my-multi-...
JavaScript获取网页表单action属性的方法
10-24
JavaScript获取网页表单的action属性是一种常用的操作，通常用于获取表单提交时要发送到的URL地址。在Web开发中，表单是用来收集用户输入数据并将其发送到服务器的HTML元素。action属性指定了表单提交后，服务器处理...
js获取checkbox值的方法
10-24
因此，在实现获取复选框值的功能时，我们通常需要绑定一些事件（例如点击事件），以便在复选框的状态发生变化时，可以立即获取到最新的值。 总结来说，JavaScript为开发者提供了丰富的接口和方法来操作DOM元素，...
input设置为hidden或者display:none或者visibility:hidden后无法获取里边的值
changyana的博客
09-14 5285
input设置为hidden或者display:none或者visibility:hidden后无法获取里边的值 近两天一直在被一个小问题困扰，不想让一个input框显示，但是设置hidden或者display:none或者visibility:hidden之后在JavaScript里又无法监控到该文本框的value值变化。后来偶然翻到一篇文章，于是实现啦 就是这个opacity: 0; 设置透明度为0 关于visibility：hidden和opacity: 0，虽然都是显示看不见，但是差距还是挺大
input设置为disabled提交后获取不到该值的解决方法
yiluoAK_47的专栏
08-21 2万+
在做网站管理后台的用户修改功能时，由于当前用户修改个人信息时规定用户名不能修改，故使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制： 1、不能接收焦点； 2、使用tab键时将被跳过； 3、可能不是successful的。 解决方法是：可以使用readonly=”readonly”属性代替
input框的value明明有值，但是不显示问题
热门推荐
铁柱的博客
12-29 5万+
上午刚碰到的问题。也耽误了不少时间。用浏览器F12查看元素，发现value有值，但是显示的确实placeholder的值。然后注释掉placeholder之后，input框什么都不显示了。一、如图所示      百度一下，都说可能是JS赋值的原因。因为前端页面不是我写的，所以刚开始也没想到这一点。后来和同事一起找问题，才发现问题所在。二、错误原因function loadPage(){ if
<input>标签用val()取不到值
Tie_laosan的博客
09-30 1万+
HTML标签 jQuery代码 var userIds = $("#userIds").val(); var userName = ($("#userName2").val(); var dept = $("#dept").val(); dept取不出来 分析原因： 后台数据没捞出来字母写错id值重名
在ios端input搜索，@confirm不生效的问题
soso杰
12-30 1689
在ios端input搜索，点软键盘右下角的变成搜索，同时搜索成功之后，关闭软键盘 confirm-type 在input 里面添加 confirm-type 为 search，软键盘右下角的变成搜索 <input type="text" confirm-type="search" v-model.trim="query" @confirm="confirm(null)" placeholder="请输入政策关键词"> confirm方法 在执行这个方法的时候加上下面这句话， 就是关
获取不到input内自己输入的值
mastertojava的博客
11-28 9976
获取不到input内自己输入的值 &lt;form method="get" action="calc.php" id="myForm"&gt; num1: &lt;input id="num1" type=text name="num1" value="" /&gt; &lt;br/&gt; num2: &lt;input i
JavaScript如何获得input元素value值
hello world！
01-11 4万+
转载地址：http://aquarius-zf.iteye.com/blog/605144 在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：  方法一、  Java代码     
querySelectorAll 获取input value
03-30
querySelectorAll 可以获取匹配指定 CSS 选择器的所有元素，但是它不能直接获取 input 的 value 属性。要获取 input 的 value 属性，可以使用以下两种方法： 1. 遍历匹配的元素列表，然后获取每个元素的 value 属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值