JSP、JS通过Servlet传值向input赋值问题及disabled 后无法传值到后台解决

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

解决方法

1. 将表单中字段 disabled 用 readonly 代替即可（如有需要，可以对该表单加上灰色的背景色）
2. 可以在写一个隐藏属性，一个用于传值，一个用于显示

 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" 有效。