html表格中的内容只读,HTML表单只读选择标记/输入

你应该留着select元素disabled但同时也增加了另一个隐藏的input具有相同的名称和价值。

如果重新启用SELECT，则应将其值复制到onchange事件中的隐藏输入，并禁用(或删除)隐藏输入。

下面是一个演示：

$('#mainform').submit(function() {

$('#formdata_container').show();

$('#formdata').html($(this).serialize());

return false;

});

$('#enableselect').click(function() {

$('#mainform input[name=animal]')

.attr("disabled", true);

$('#animal-select')

.attr('disabled', false)

.attr('name', 'animal');

$('#enableselect').hide();

return false;

});

#formdata_container {

padding: 10px;

}

Cat

Dog

Hamster

Enable

Blue

Green

Red

Submitted data:

html表格中的内容只读,HTML表单只读选择标记/输入相关推荐

什么是金山文档轻维表？如何根据日期自动提醒发送表格中的内容？
什么是金山文档轻维表? 金山文档作为老牌文档应用,推出了新的功能轻维表,是一款新式在线协作表格,具有传统表格强大的内核发动机,是专为多人协作场景设计的增强版表格软件,可以支持快速搭建轻量应用. 由于金 ...
pythonexcel汇总_用python汇总excel表格数据-怎样用python遍历表格中的内容
如何用python将数据写入excel表格 # 需 xlrd-0.9.2 xlutils-1.7.1 这两个模块 from xlwt import Workbook, Formula import ...
php取word表格一行内容,如何提取出word表格中的内容值得一看
这里给大家分享一下如何将word表格中的内容提取出来工具/材料 word2016 操作方法 01 将word表格的边框去掉提取出表格中的内容 02 选择表格第一行的内容右键点击复制 03 在新的区域 ...
表格内容居中css样式,css表格中的内容如何居中？css表格中的文本样式介绍
你知道css表格的内容太是如何居中的吗?你知道css表格的文本如何设计左对齐吗?你知道css表格如何设置右对齐吗?这些内容都在这篇文章之中等着你来学习了. 首先我们先介绍css表格中的内容是如何居中的 ...
Winform开发框架中工作流模块的业务表单开发
在我们开发工作流的时候,往往需要设计到具体业务表单信息的编辑,有些是采用动态编辑的,有些则是在开发过程中处理的,各有各的优点,动态编辑的则方便维护各种各样的表单,但是数据的绑定及处理则比较麻烦,而自定 ...
HTML 表格标签、列表标签、表单标签（案例：注册页面）
1. 表格标签表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性
HTML的表格标签,列表标签,表单标签,HTML5有哪些新特性欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页: ...
解决在Vue中使用axios用form表单出现的问题
vue中使用Axios第三方库,采用形式提交,参数格式为multipart /格式数据 ,请求参数变为对象格式的解决办法.(推荐第二种方法) 提交数据的四种编码方式一,应用/ X WWW的窗体-ur ...
validate中submitHandler采用ajaxsubmit导致表单重复提交
validate中submitHandler采用ajaxsubmit导致表单重复提交在这几日的表单验证实践中,由于我的三个form都放在一个页面上,所以在submit上采用的是ajax方式来提交表单 ...

html表格中的内容只读,HTML表单只读选择标记/输入

html表格中的内容只读,HTML表单只读选择标记/输入相关推荐

最新文章

热门文章