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

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);
});

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