input表单加disable的后无法获取其value值

表单设置disabled后无法传值到后台

解决方法:

  1. 将disabled = “disable” 替换为 readonly = "readonly"
  2. 再写一个隐藏的表单,一个用于显示,一个用于传值
  3. 提交时去掉disabled修饰

readonly和disabled

转载自 https://www.cnblogs.com/cckui/p/9915637.html

相同点:

  • 都可使文本框不能输入文字
  • 可以通过js脚本修改其value值
  • 想要撤销,只能删除相应的属性,设置false无效

不同点:

disabled:

  • input无法接受焦点
  • 使用tab键会跳过元素
  • disabled不会对任何事件进行相应(比如:click事件无效)
  • disabled的元素的值不会提交。
  • disabled属性可以用于所有的表单元素

readonly:

  • input可以接收焦点
  • 使用tab键不会跳过元素
  • readonly 的元素的值会提交
  • readonly 会对时间进行相应
  • readonly** 属性只对type = "text" 、textarea和type = "password" 有效**

注:表单必须有name属性,通过name向后台传值

posted @ 2020-08-28 21:36  玖捌贰陆  阅读(644)  评论(0编辑  收藏  举报