input文本框的value属性在页面中不随输入的数据而变化
2024-08-28 17:45:31
今天,在做试验遇到这么一个需求:
一个input文本框,输入值后将标签传到后台,在后台解析标签,发现value仍然是初值,不是我们改变后的值。
例如:
<input name="" type="text" value="SS">
当为们改变文本框的值的时候,其value属性值仍然是SS
解决办法:在失去焦点的时候删除此input标签,再创建一个一模一样的标签,value属性设置为改过之后的值。
<input name="ww" type="text" onblur='updateInputValue()'>
function updateInputValue() {
var $inputParent = $("[name='ww']").parent()//获取此元素的父亲
var $span = $inputParent.children("span");//获取到此元素的哥哥
var value = $("[name='ww']").val();//获取此元素修改后的值
$("[name='ww']").remove();//删除此元素
$span.after($("<input type='text' value='"+value+"' onblur='updateInputValue()' name='ww'/>"));//利用修改后的值重新拼接一个input
}
效果:
第二种方式:(多谢评论区的一位兄弟)
$(obj).attr("value",$(obj).val());实现,亲测有效
<body>
<input type="text" name="xxx" id="xxx" value="" onchange="changeValue(this)" />
</body>
<script>
function changeValue(obj){
$(obj).attr("value",$(obj).val());
}
</script>
最新文章
- Java国际化(i18n)
- Discuz论坛搬家手记(X3.2版本)
- 改进iOS客户端的升级提醒功能
- iOS网络-05-AFNetwoking原理及常用操作
- MAC终端配色Solarized
- Cocos2d-x项目移植到WinRT/Win8小记
- PC/UVa 题号: 110104/706 LC-Display (液晶显示屏)题解
- SQLLoader6(一个或多个数据文件按条件导入不同的表)
- 使用javascript把图片转成base64位编码,然后传送到服务端(ajax调用的接口基于drupa7)
- My First GitHub
- 本地测试使用Tomcat,生产环境使用GlassFish。
- 使用 mybatis-generator 自动生成 MyBatis 代码
- 洛谷 P1138 第k小整数
- Leetcode: Binary Tree Postorder Transversal
- Netty 零拷贝(三)Netty 对零拷贝的改进
- numpy.base_repr 方法解释
- SQL Developer 警告--无法安装某些模块
- Microsoft Word、Excel、PowerPoint转Pdf
- Spark高速入门指南(Quick Start Spark)
- Material Design学习之 Camera