admin管理员组文章数量:1641070
今天做东西的发现表单使用disabled="disabled"后为表单里面的数据不能更改,但是如果想获取表单里面的数据之后,打印出来的是空值。
后续解决:
//1),不推荐使用
//这种写法有时会失效,特别是他的父元素是dosplay:none时
$("#imgtalk").val("值");
//2),推荐使用
//可正常赋值(有特殊情况时也不能正常使用)
$("#imgtalk").attr("value","值");
//3),js原始写法(稳定)
document.getElementById("imgtalk").value="值";
使用3后可正常传值:
但是我为了完成更新数据的功能使id属性不可以改变,就遇到了如下问题。
disabled="disabled"用到表单上面之后为什么表单里面的数据提交不成功的问题
<input type="text" name="name" disabled />
解决方法
- 将表单中字段 disabled 用 readonly 代替即可(如有需要,可以对该表单加上灰色的背景色)
- 可以在写一个隐藏属性,一个用于传值,一个用于显示
1:
//1.readonly只读参数代替,可以达到相同的目的!
document.getElementById("id1").readOnly=true;
//2.disabled 参数 使该域的值不会传递
//document.getElementById("id1").disabled="disabled";
2:
html:
<input type="text" name="getid" id="id" />
Servlet:
NewsServiceImpe newsServiceImpe = new NewsServiceImpe();
News news = new News();
news.setId(Integer.valueOf(request.getParameter("getid")));
news.setTitle(request.getParameter("title"));
news.setContent(request.getParameter("content"));
int row = newsServiceImpe.updata(news);
js:
//先给需要显示的input赋值后使用disabled
document.getElementById("id1").value=${id};
document.getElementById("id1").disabled="disabled";
//将需要传递的input赋值并隐藏
document.getElementById("id").value=${id};
//隐藏方法1
document.getElementById("id").style='display:none';
//隐藏方法2
document.getElementById("id").type='hidden';
注:上边又通过方法二引出两个隐藏input的方法-type=‘hidden’和style=‘display:none’
最终效果:
disabled和readonly的异同
相同点
- 都可使文本框不能输入文字。
- 可以通过js脚本修改其value值。
- 想要撤销,只能删除相应的属性,设置flase无效
不同点
disabled
- input无法接收焦点
- 使用tab键会跳过元素
- disabled不会对任何事件进行响应(比如:click事件无效)。
- disabled的元素的值不会提交。
- disabled属性可以用于所有的表单元素。
readonly
- input可以接收焦点
- 使用tab键不会跳过元素
- readonly会对事件进行响应。
- readonly的元素的值会提交。
- readonly属性只对 type="text" 、 textarea 和 type="password" 有效。
版权声明:本文标题:JSP、JS通过Servlet传值向input赋值问题及disabled 后无法传值到后台解决 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1729318675a1195609.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论