Отключить выпадающее меню и оставить значение?

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

Теперь вы можете отправить форму с выбранным значением, без дальнейшего enabl его в submit.