javascript - 如何从一种表单提交多种类型的禁用输入(输入、选择、文本区域标记助手)？

Question

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

我使用 jquery 禁用所有输入(包括输入、选择等)，以便表单对用户来说似乎是“只读”的。我似乎只能使用 onsubmit 传递输入/选择/文本区域类型之一，但我不知道如何获取要传递/启用 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>