输入框的只读状态对于在页面不可修改的固定数据有着禁用的功能,对于有些固定数据不想要被修改就可以使用,禁用属性是readonly;比如跨页面回填,跳转页面,查看一条数据,跳转后模态框默认的状态为只读,可以通过修改按钮,把只读转化为可以正常操作的文本框。先是在想要让只读转化为可操作的input标签说明一个类。
接着在修改按钮的方法下写一个点击事件,让有这个类的文本框恢复正常操作。
接着是两个保存跟取消按钮,说明两个ID,未点击修改时按钮不显示。
默认让保存跟取消按钮隐藏。
点击修改后按钮显示被隐藏的保存跟取消按钮。而.jinyouxlk类是下拉框数据只读状态转化正常操作的写法跟普通的文本框不一样。
。
默认让下拉框状态为禁用
页面效果图,未点击修改时,默认状态文本框为只读。
点击修改后,文本框恢复可正常操作状态,同时保存取消按钮显示。
隐藏修改的写法,点击取消后恢复到未点击修改的状态。
点击取消后的效果图。