無効になった選択要素の入力フィールド値を維持する

値が確実に送信されるようにしながら、 フォーム フィールドに対するユーザーの変更を防止することができます。

選択要素の無効化とOptions

1 つの方法は、select 要素とそのオプションの両方を無効にすることです。これにより、ユーザーは要素を操作できなくなり、読み取り専用の効果が作成されます。ただし、値の送信もできなくなります。

フォーム送信前の要素の有効化

この問題を解決するには、フォームを送信する前に、無効になっているドロップダウン メニューをすべて無効にします。これは JavaScript を通じて実現できます。

jQuery コード

jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});

このコードは、フォームの送信時に、問題の select 要素を含むすべての無効なフォーム フィールドが確実に有効になるようにします。これにより、選択した値をフォーム送信データに含めることができます。