首页 > 其他分享 >js、jquery获取不到input输入值

js、jquery获取不到input输入值

时间:2022-11-01 11:15:46浏览次数:44  
标签:jquery name val alert jsp input js 输入

http://www.mizuiren.com/blog/349.html 这篇文章中是说赋值不行,取值可以的原因和处理方法,我遇到的情况不一样,但还是想分享一下

这个问题花了将近一天时间怎么回事???最后原因是input的id或name重复了

1、首先介绍下取值方式吧

<div id="cs">
<input type="text" value="初始值" class="form-control" id="csinput" name="csinput2" onblur="blur1(this)" style="width:150px;"/>
<input id='button1' type='button' onclick="click1()" value='弹出'>
</div>
<script>
function click1(){//点击按钮弹出输入值
alert($('#csinput').val())
alert($("input[name='csinput2']").val())
   alert(document.getElementById("csinput").value)
   alert(document.getElementByName("csinput2").value)
  alert($("#cs").find("input").val())
}
//失焦弹出输入值
function blur1(a){
  alert(a.value);
  alert($('#csinput').val())
}
</script>
2、问题解决心路历程
1)写了一个form提交前触发的方法,获取table单行tr中的所有iput内容,组合放到其中一个input中。发现value有初始值的可以取到,新填写的并不能
 2)简化到click1方法,不管输入了什么内容,全弹出“初始值”;blur1方法,第一个弹出了输入值,第二个弹出“初始值”
 2)在click1和blur1中用 console.log($('#csinput'))打印,仅有一个元素(length为1)
 3)因为我写的这个input是放在另一个子jsp,用<%@ include file="..xxxxx.jsp" %>的方式引入的。所以,我将input输入框复制了一个id、name改掉放到了主jsp中,发现可以弹出输入的值
 4)主jsp中,我有两个地方引入了这个子jsp,虽然在子jsp中,用了<c:if test="">的判断,但没有再主jsp引用时判断,导致引用了这个两遍,其实是存在两个id和name相同的input的
 

 

标签:jquery,name,val,alert,jsp,input,js,输入
From: https://www.cnblogs.com/xlj227/p/16846782.html

相关文章

  • Hive系列之解析JSON数据
    概述在数据处理中,经常遇到的一个数据类型就是JSON,MySQL数据库解析JSON,参考​​MySQL5.7JSON函数学习​​,​MySQLjson_mergewithgroupby​​。在大数据执行引擎Hive中,......
  • PhantomJS入门使用
    概述​​官网​​​,​​GitHub​​​,​​下载地址​​​简介:一个基于webkit的JSAPI。它使用QtWebKit作为它核心浏览器的功能,使用webkit来编译解释执行JS代码。任何你可以......
  • node.js - http、模块化、npm
    今天是node学习的第二天,其实越往后面学越感觉有点熟悉的味道了,光针对于node来说哈,为什么呢,因为我之前学过一点云计算的东西,当时感觉没什么用搞了下服务器客户端这些,没想到这......
  • js原型是什么?js为什么需要原型?
    从JavaScript是什么这篇文章我们对JS有了一个简单的认识,可自从学习JS起,我们应该都知道JS是一种面向对象的编程语言,但同时他也是一种基于原型的语言,并且原型这还是这门语......
  • BSON VS JSON
       JSONB以二进制格式存储数据,而不是简单的JSONblob。BSONrecordisn’tcontinuouslylittlerthanJSON,butitallowsyoutoeffectivelyskiptherecor......
  • postcss.config.js
    //https://github.com/michael-ciniawsky/postcss-load-configmodule.exports={'plugins':{//toedittargetbrowsers:use"browserslist"fieldinpack......
  • js 如何给一个对象,动态添加属性字段
    第一种方法:无指定属性letobj={"name":"tom","age":16}letkey="id";letvalue=2obj[key]=value;console.log(obj)第二种方法,利用扩展运算符,简单又实用无......
  • 注解@JSONField和@JsonProperty的简单使用
    本注解的使用,需要引入fastjson依赖<!--添加fastjson依赖--><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</art......
  • js数组怎么删除某一项
    原文地址:https://m.php.cn/article/475790.htmls数组删除某一项的方法:1、使用splice()函数删除,语法格式“array.splice(删除元素的开始下标,1)”;2、使用delete关键字,语法......
  • 有用的内置Node.js APIs
    前言在构建你的第一个Node.js应用程序时,了解node开箱即用的实用工具和API是很有帮助的,可以帮助解决常见的用例和开发需求。有用的Node.jsAPIsProcess:检索有关环境变量......