input使用disabled禁止输入时form表单获取不到input的值

遇到问题,先知道原因,在开发时,发现自己的代码明明没有错,可是发送请求时发现某些input的字段并没有发送给后台,最后测试发现是input设置disabled=”disabled“所造成的,用了它之后form内取不到它的值。

解决方案:

使用readonly="readonly"代替disabled=”disabled“,此方法只适用于普通的输入input和文本域,对于没有事件的输入框才会生效,如果给时间插件或者下拉框就不行了。

如果是使用的带有事件的输入框,如时间插件或下拉框,并且让期默认不能显示的话就不能用form表单提交了,此时需要在ajax内一个一个去传给后台,格式就是data{a:xx,b:xx},xx代表值,值通过JS或JQ去获取某个input的值,vue什么的是通过双数据绑定,就不多说了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/1167.html