jquery - ドロップダウンを無効にしても値を送信しますか?

Question

項目が選択された後にロックしたいドロップダウン ボックスがあります。残念ながら、「無効」を使用すると、フォームが送信されたときにフィールドがまったく送信されなくなります。これを回避する方法はありますか？

Answer 1

非表示フィールドを取得します。

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

次に、選択変更イベントで、次のように非表示フィールドに値を設定します。

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

これで、送信時にさらに有効にすることなく、選択した値でフォームを送信できます。