禁用下拉菜单仍然提交值？

Question

我有一个下拉框，我想在选择一个项目后锁定。不幸的是，使用“禁用”会在提交表单时停止提交字段。有办法解决这个问题吗？

Answer 1

您可以在提交表单之前重新启用下拉列表：

$("form").submit(function() {
    $("#yourDropdown").prop("disabled", false);
});

Answer 2

采取隐藏的字段：

<input id="hiddenSelect" type="hidden" name="same_as_select_box">

然后在select change事件中将值设置为该隐藏字段，如下所示：

$('select').change(function() {
  $('#hiddenSelect').val(this).val();
  $(this).prop('disabled', true);
});

现在，您可以使用您的选择值提交表单，而无需在提交时进一步启用它。