如何从一个表单提交多种类型的禁用输入(输入、选择、文本区域标签帮助程序)?

Question

我知道您根本无法提交禁用的输入。我刚刚设置了一个表单，禁用所有输入(输入、选择等(仅供用户查看。如何成功发布表单中多个类型的值

我使用 jquery 禁用所有输入(包括输入、选择等(，以便表单对用户显示为"只读"。我似乎只能使用 onsubmit 传递输入/选择/文本区域类型之一，但我无法弄清楚如何在提交时传递/启用所有输入类型。

这就是我禁用所有输入的方式，发件人的名称为 #form：

<script type="text/javascript">
$(document).ready(function () {
$("#form :input").prop("readonly", true);
});
</script>

这仅启用带有标记帮助程序输入的输入：

onsubmit="$(this).find('input').prop('disabled', false)"

目前，从表单传递的数据只是输入数据，但我需要选择(已传入的选定下拉列表(和文本区域的数据从表单传递。

Answer 1

您可以尝试使用以下示例。

$( "#form" ).on( "submit", function( event ) {
event.preventDefault(); // do not submit
$( "#form" ).find('input, select').prop('disabled',false);
$( "#form" )[0].submit();  
});

<form id="form" action="/1">
<input type="text" readonly disabled="disabled" value="value1" name="field1">
<input type="text" readonly disabled="disabled" value="value2" name="field2">  

<input type="submit" value="Submit">
</form>