POSTデータのHTMLで読み取り専用のSELECTタグをエミュレートする方法は?

POST データの HTML で読み取り専用 SELECT タグをエミュレートする

HTML 仕様では、disabled 属性を持つ SELECT 要素を無効にすることが許可されていますが、これにより、値が POST または GET リクエストに含まれないようにします。これは、ユーザーが選択内容を変更できないようにしながら、その値を送信用に保持することが望ましい動作である場合に課題となります。

この問題を克服し、POST データを保持しながら読み取り専用機能を実現するには、2 段階のアプローチをお勧めします。 :

1. SELECT を無効のままにする: ユーザー操作を防ぐために、SELECT 要素の無効な属性を維持します。
2. 隠し入力を追加: SELECT と同じ name 属性を持つ非表示の入力要素を作成し、その値を SELECT の現在の値に設定します。

後で SELECT 要素を有効にしたい場合は、次の手順に従います。

1. SELECT を再度有効にします: SELECT から無効な属性を削除し、その name 属性を元の値に戻します。
2. 非表示の入力と同期: SELECT の onchange イベントで、一貫性を確保するためにその値を非表示の入力にコピーします。

このアプローチを説明するコード例を次に示します。

以上がPOSTデータのHTMLで読み取り専用のSELECTタグをエミュレートする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。