今天做东西的发现表单使用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" 有效。