選択を読み取り専用で編集不可に設定し、選択値を通過可能に設定する方法
|
1. <select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> このアプローチにより、ドロップダウン ボックスは通常と同じように見えます。唯一の違いは、プルダウンして選択した後は反応しないという点です。選択してもしなくても同じです。顧客の選択を無視するだけです。 2. 無効属性を設定します <select style="width:195px" name="role" id="role" disabled="disabled"> これはより直接的に見えますが、読み取り専用のように感じられ、クリックしたりプルダウンしたりすることはできません。中の文字も灰色に変わります。 属性が「disabled」に設定されている場合、フォームの送信時に選択値を渡すことはできません。送信する前に、disabled 属性を削除してください。$("#role").removeAttr("disabled"); jquery は属性 $("#role").attr("disabled","disabled"); を追加します。 |
>>: 優れたユーザー エクスペリエンス デザイナーが行うべき 5 つのこと (画像とテキスト)
推薦する
Docker 基本チュートリアル: Dockerfile 構文の詳細な説明
序文Dockerfile は Docker プログラムによって解釈されるスクリプトです。Docker...
フレックスレイアウトによるシームレスなスクロールのサンプルコード
この記事では、シームレスなスクロールを実現するためのフレックスレイアウトのサンプルコードを主に紹介し...
divの適応高さは残りの高さを自動的に埋めます
シナリオ 1: HTML: <div class="outer"> ...
Ajax は CORS レスポンス ヘッダーを設定してクロスドメインの問題を解決し、クロスドメインのケース スタディを実現します。
1. クロスドメインを実現するためにCORSレスポンスヘッダーを設定するクロスオリジンリソース共有...
MySQL 数値型オーバーフローの処理方法
さて、質問させてください。MySQL で列を int(0) に設定すると何が起こりますか?この問題を...
JavaScript の 3 つの BOM オブジェクト
目次1. 場所オブジェクト1. URL 2. 場所オブジェクトのプロパティ3. ロケーションオブジェ...
HTML で div を非表示にする テーブルを非表示にする TABLE または DIV コンテンツの CSS スタイル
今夜、数日間悩まされていた問題を解決しました。本当に解決したかどうかはわかりませんが、解決されている...
Puppeteer を使用して Linux (CentOS) で Web ページのスクリーンショット機能を実装する
Linux に puppeteer をインストールするときに、次の問題が発生する可能性があります。こ...
html2canvas で破線境界線を実装する例
html2canvas は、HTML 要素からキャンバスを生成するライブラリです。描画されるキャンバ...
vue3 のさまざまなファイルタイプのプレビュー機能の例
目次序文1. オフィス文書の種類のプレビュー2. PDF形式のプレビュー3. 画像の種類4. ビデオ...
ディスクを破壊せずに Linux で dd コマンドを使用する方法
故障したストレージ ドライブからデータを救出する場合でも、アーカイブをリモート ストレージにバックア...
HTMLの基礎: HTMLの基本構造
HTML ハイパーテキスト ドキュメントの基本構造は、ドキュメント ヘッダーとドキュメント本体の 2...
任意の長さの配列を作成または埋めるための JS のヒントの要約
目次序文直接充填方式for ループの push() メソッド配列コンストラクタメソッド配列コンストラ...
HTML における画像タグの使用方法の詳細な説明
HTML では、<img> タグはテキスト内の画像タグを定義するために使用されます。その...
HTML マーキー文字フラグメントのスクロール
その特性は次のとおりです。方向アクティブな字幕のスクロール方向を設定するコードは次のとおりです。 &...