admin管理员组

文章数量:1641014

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

 

本文标签: 赋值后台servletJSPjs