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

Question

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

Answer 1

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

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

Answer 2

取一个隐藏字段：

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

然后在选择更改事件中将值设置为该隐藏字段，如下所示：

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

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